首页 > 解决方案 > 如何在 amchart v3 中包装 categoryAxis 文本?

问题描述

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

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

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

上传我的结果

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

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

标签: javascriptamcharts

解决方案


您可以只使用直接categoryAxis.titlevalueAxis.title创建轴名称,而不是自己创建标签allLabels

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

在这里,我分叉了您的代码笔以向您展示配置。


推荐阅读