格式轴刻度标签

Question

我正在使用一个地图，其中区域的颜色是基于百分比的。图例显示了颜色及其百分比之间的映射。但是图例只显示数字，而不是百分比。很明显，这些数字是百分比。所以每个数字后面应该有一个 % 符号或者图表顶部有一个 % 符号。

似乎有chart tick formatting 这样的东西，但我找不到改变它的方法。也许这可以用stacklabels 来完成，我期待like this with d3.js 的东西。我用 highCharts 试过这个，但它似乎忽略了这些属性。

我还尝试更改其他几个对象的格式属性。在图例对象上更改它会让你最接近，但它只是一个错误位置的文本。

编辑：更复杂的是，我认为图表没有 x 或 y 轴。相反，有一个 colorAxis 对象。也许可以使用带有 itemStyle 属性的 CSS3 添加文本。

Answer 1

很简单，你只需使用formatter

xAxis: {
  labels: {
    formatter: function() {
       return this.value+"%";
    }
  },
}