Question

我正在使用highcharts，我知道yAxis标签是自动生成的。

问题是我有这个3D图形，除了数据之外，还有一个固定的“目标”线，我们在该线上比较哪个数据集高于或低于它。

由于3D图形不能很好地渲染线条，因此我使用了plotLine，它的工作非常出色。当我试图表明这个“目标”是多少时会出现问题，因为即使它处于正确的位置，显示这个目标数量也会很好。

我想要做的是在图表的左侧显示此行的值，以便无论谁看到它，都能够知道该特定数据集的目标是多少。

这是图表的屏幕截图，并在我要添加自定义标签的地方圈出： Graph screenshot

在红圈内，我想添加这个自定义字符串（应该是百分比数字）。

我感谢你们提供的任何帮助。谢谢！

Answer 1

您应该可以使用renderer.text在图表中添加自定义文字。 http://api.highcharts.com/highcharts/Renderer.text

  load: function() {
    var chart = this,
      yAxis = chart.yAxis[0],
      plotLine = yAxis.plotLinesAndBands[0],
      pLPath = plotLine.svgElem.d;
    chart.renderer.text('CUSTOM LABEL', parseFloat(pLPath.split(' ')[7]) - 100, parseFloat(pLPath.split(' ')[8])).addClass('cT').attr({
      fill: 'red'
    }).add();
  },

在上面的代码中，我使用的是plotLine的路径。

实时示例图表如何运作：

http://jsfiddle.net/0hyaevax/2/

Highcharts：为yAxis添加一个自定义标签

1 个答案: