使用不同的格式将数据添加到图例？或者我应该使用标签？

Question

我正在尝试传说;试图得到结果，一个面板，我显示有关图表的数据。

我打算添加最后一个值，以及最小值和最大值

寻找一些例子，我找到了一个使用名为labelFormatter的函数的例子，但是我很难理解它是如何工作的。

我需要具有不同文本颜色和不同大小的值，所以我甚至不确定是否可以为此目的使用图例的标题，或者我是否应该隐藏图例并直接创建标签（尽管如此然后问题与移动和调整大小有关，对吗？如果图表窗口调整大小，图例会更新其位置。

哪种方法可以做我打算做的事情？标签或图例？

Answer 1

如果您正在考虑将HTML元素添加到图表绘图区域，则必须使用 Highcharts Renderer API 。

您可以参考此JSFIDDLE working demo

它的工作原理如下：

var chart = new Highcharts.Chart({
....
.....
......
}, function(chart) { // on complete

    chart.renderer.text('This text is <span style="color: red">styled</span> and <a href="http://example.com">linked</a>', 150, 80)
        .css({
            color: '#4572A7',
            fontSize: '16px'
        })
        .add();

});