如何更改 AMcharts 标签位置？

Question

我正在使用 AMcharts，我希望标签水平对齐每行的中心，如下图所示：

Result i want

这是它现在的样子： enter image description here

问题是标签似乎不是 html 标签，而源使用 <g></g>、<text></text> 和 <tspan></tspan> 标签，所以我不能使用 CSS。我也尝试使用display:block; 或类似的东西，但 CSS 不适用于这些标签。有什么解决办法吗？

Answer 1

AmCharts 似乎没有原生属性来调整标签在值轴（y 轴）上的垂直居中。

但是，您可以使用参考线 (https://docs.amcharts.com/3/javascriptcharts/Guide) 在刻度之间放置标签：

var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  // ...
  "valueAxes": [ {

    "guides": [ {
      "value": 0,
      "toValue": 100,
      "label": "100"
    }, {
      "value": 100,
      "toValue": 200,
      "label": "200"
    }, {
       // etc ...
    } ],

    "labelsEnabled": false

  } ]
});

将 labelsEnabled: false 添加到您的值轴配置中，以用您的自定义指南标签替换原始标签。