javascript - 如何在 amchart v3 中包装 categoryAxis 文本？

Question

我遇到了下面给出的问题 categoryAxis 和标签文本 overlaping 我提到了代码。

"categoryAxis": {
    "gridPosition": "start",
    "labelRotation": 45,
    "autoWrap":true,
},

我上传了我的错误图片所以任何人都请给我一个解决方案来解决这个问题。

这里我提到了我的codepen链接所以请给我一个解决方案来解决这个问题。

https://codepen.io/arunram860/pen/aMPxKV

Answer 1

你可以直接使用categoryAxis.title和 valueAxis.title在 allLabels 中创建轴名称而不是自己创建标签。

var chart = AmCharts.makeChart("chartdiv", {
  // ...
  "valueAxes": [{
    "title": "Id"
  }],
  "categoryAxis": {
    "gridPosition": "start",
    "labelRotation": 45,
    "title": "City Name"
  },
  // ...
});

Here我fork了你的码笔给你看配置。