ค้นหาเว็บไซต์

typescript - ฉันจะจำกัดความกว้าง/ความสูงสูงสุดของคอลัมน์ใน AmCharts 4 XYChart ได้อย่างไร


เป็นไปได้หรือไม่ที่จะจำกัดความกว้างสูงสุดของคอลัมน์ในแผนภูมิ XY? ฉันกำลังใช้ AmCharts4 ในโปรเจกต์ Angular ที่ใช้ Typescript

ในภาพด้านล่าง:

  • แผนภูมิซ้าย: เกิดอะไรขึ้นเมื่อฉันส่งข้อมูลหลายแถวไปยังแผนภูมิ XY
  • แผนภูมิกลาง: เมื่อฉันส่งข้อมูลหนึ่งแถวไปยังแผนภูมิ XY
  • กราฟทางด้านขวา: สิ่งที่ฉันอยากให้เกิดขึ้นเมื่อฉันส่งข้อมูลหนึ่งแถวไปยังกราฟ XY

มีวิธีใดที่จะป้องกันไม่ให้แผนภูมิที่สองมีคอลัมน์เดียวขยายมากเกินไปหรือไม่? ถ้าขยายก็ไม่เป็นไร แต่ฉันอยากจะจำกัดมันในบางวิธีได้

อาจจะประมาณว่า? categoryAxis.maxColumnWidth=50

ฉันได้ตรวจสอบเอกสารที่นี่: https://www.amcharts.com/docs/v4/tutorials/managing-width-and-spacing-of-column-series/ แต่ไม่ได้เห็นอะไรเลย

คำตอบ #1

คุณสามารถตั้งค่า maxWidth ของ Column Series ได้ดังนี้:

let columnSeries = chart.series.push(new am4charts.ColumnSeries()); 
columnSeries.columns.template.maxWidth = 50

บทความที่เกี่ยวข้อง