Highcharts：添加一个自定义标签，以y轴

我使用highcharts，我知道，Y轴标签自动生成。Highcharts：添加一个自定义标签，以y轴

的事情是我有这个三维图中，除了数据，有上，我们比较的数据集是高于或低于其固定的“目标”行。

由于3D图形不渲染线非常好，我用了一个情节主线和它的作品奇妙。当我试图展示这个'目标'有多大时，问题就出现了，因为即使它处于正确的位置，显示这个目标数量也不错。

我想要做的是在图的左边这条线的值显示，让谁看到它是能够知道目标有多少是针对特定的数据集。

这里是图的截图，和盘旋我想添加自定义标签的地方： Graph screenshot

里面的红色圆圈，我想添加这个自定义字符串（这应该是一个百分比数）。

我感谢所有帮助你们可以提供。谢谢！

来源

2017-07-18 José Colina

我认为你应该能够使用renderer.text添加自定义标签到您的图表：http://jsfiddle.net/0hyaevax/ –

@GrzegorzBlachliński感谢您的回复。这工作得很好，我没有想过使用渲染文本，只是想着yAxis标签。它对于默认视图工作正常，但由于我的图形视角是可移动的，所以问题在于它停留在相同的地方。 [链接]（http://prntscr.com/fx8iab） –

所以你想实现类似于这个例子？ http://jsfiddle.net/0hyaevax/2/ –

您应该能够使用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(); 
    },

在上面的代码我使用的情节主线的路径。

活生生的例子如何图表可以工作：

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

来源

2017-07-19 11:09:39

Highcharts：添加一个自定义标签，以y轴

回答

相关问题