格式轴刻度标签

Posted 2023-02-16

【中文标题】格式轴刻度标签

【英文标题】：format axis tick labels

【发布时间】：2017-03-16 22:32:46

【问题描述】：

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

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

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

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

【问题讨论】：

你有 jsfiddle 吗？

您想要图例或 x 轴标签中的百分号？

@void 没有 JsFiddle，任何一个位置都可以。我认为x轴标签会更好更容易。

【参考方案1】：

很简单，你只需使用formatter

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

【讨论】：

谢谢，没有找到标签对象。它有效:) 我使用了格式：'value %'