如何更改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添加到您的值轴配置中，将原始标签替换为您的自定义指南标签。