Highcharts:添加一个自定义标签,以y轴
问题描述:
我使用highcharts,我知道,Y轴标签自动生成。Highcharts:添加一个自定义标签,以y轴
的事情是我有这个三维图中,除了数据,有上,我们比较的数据集是高于或低于其固定的“目标”行。
由于3D图形不渲染线非常好,我用了一个情节主线和它的作品奇妙。当我试图展示这个'目标'有多大时,问题就出现了,因为即使它处于正确的位置,显示这个目标数量也不错。
我想要做的是在图的左边这条线的值显示,让谁看到它是能够知道目标有多少是针对特定的数据集。
这里是图的截图,和盘旋我想添加自定义标签的地方: Graph screenshot
里面的红色圆圈,我想添加这个自定义字符串(这应该是一个百分比数) 。
我感谢所有帮助你们可以提供。谢谢!
答
您应该能够使用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();
},
在上面的代码我使用的情节主线的路径。
活生生的例子如何图表可以工作:
我认为你应该能够使用renderer.text添加自定义标签到您的图表:http://jsfiddle.net/0hyaevax/ –
@GrzegorzBlachliński感谢您的回复。这工作得很好,我没有想过使用渲染文本,只是想着yAxis标签。它对于默认视图工作正常,但由于我的图形视角是可移动的,所以问题在于它停留在相同的地方。 [链接](http://prntscr.com/fx8iab) –
所以你想实现类似于这个例子? http://jsfiddle.net/0hyaevax/2/ –