highcharts - 如何在highcharts中绘制Yaxis标签

Question

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

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

Answer 1

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

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”属性，然后使用轴标签上的格式化函数

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

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