amCharts 4-如何使图表宽度与不同长度的ValueAxis标签相等

// 引入amCharts 4库文件
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";

// 创建图表实例
let chart = am4core.create("chartdiv", am4charts.XYChart);

// 创建ValueAxis
let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// 设置ValueAxis的属性
valueAxis.renderer.labels.template.adapter.add("text", function(text) {
  // 根据标签的长度调整图表宽度
  chart.width = text.length * 10;
  return text;
});

// 设置ValueAxis的autoGridCount属性
valueAxis.autoGridCount = true;

// 设置ValueAxis的extraMax和extraMin属性
valueAxis.extraMax = 0.1;
valueAxis.extraMin = 0.1;

// 创建柱状图系列
let series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "value";
series.dataFields.categoryX = "category";

// 添加数据
chart.data = [{
  "category": "Category 1",
  "value": 10
}, {
  "category": "Category 2",
  "value": 20
}, {
  "category": "Category 3",
  "value": 30
}];

// 绘制图表
chart.invalidateData();