如何在highcharts中绘制Yaxis标签

时间:2013-05-02 15:28:40

标签: highcharts label highstock renderer

有没有办法使用highcharts / highstock api绘制Yaxis标签?标签的值将是系列的结束值。颜色与系列颜色相同。

我发现有一个渲染器api,但似乎很难知道该点的确切位置。

yaxis label

1 个答案:

答案 0 :(得分:0)

这是一个使用渲染器功能的旧示例:

http://jsfiddle.net/jlbriggs/4FrGG/4/

function(chart){
    $(chart.series).each(function(i, serie){
        //to get the appropraite 'y' position
        var point = serie.data[serie.data.length-1];
        chart.renderer.text(
            //the text to render
            '<span style="font-weight:bold;color:' + serie.color + ';">' + serie.name + '</span>',
            //the 'x' position
            chart.plotLeft+chart.plotWidth+5,
            //the 'y' position
            chart.plotTop + point.plotY+3).add()
    });
});

您也可以使用仅为最后一个数据点启用的数据标签来执行此操作:

http://jsfiddle.net/jlbriggs/zXLZA/0/

您现在也可以使用'tickPositions'属性,然后使用轴标签上的formatter函数

http://api.highcharts.com/highcharts#yAxis.tickPositions

http://api.highcharts.com/highcharts#yAxis.labels.formatter