如何在烛台HighChart工具提示中嵌入更多数据？

Question

我想在烛台类型的HighChart工具提示中显示一些自定义数据。我该怎么办？ 我找到了其他类型图表的解决方案，但它们对我没有用。

如您所知，默认情况下，我们可以访问X值，高，低，关闭和打开。但我想嵌入例如＆＃34; Name＆＃34;或＆＃34;百分比＆＃34;每个点的值都显示在工具提示上。

如果有人能回答我的问题，我会很感激。

问候。

Answer 1

是的，你绝对可以做到这一点。您可以访问传递给highcharts的所有数据。

这里假设您正在绘制的数据的示例结构。

{
    low: 19,
    high: 30,
    open: 20,
    close: 28,
    pram2: 'hi',
    param1: 'hello'
}

你已经知道这里的默认参数分别是open，close，low和high。我们想在工具提示中显示另外两个名为param1和pram2的婴儿车。为此，我们需要将它们放在如下所示的位置。

如何从工具提示中访问这些参数？ 这很简单。这些是工具提示中称为格式化程序的参数。

tooltip : {
    formatter: function() {
        ........
        ........
        ........
        return something
    }
}

这个格式化函数会在你的鼠标连接到图上的数据点时被调用。

在此格式化程序功能中，您可以将该点的数据作为this.point进行访问。在这里，我们的其他参数可以this.point.param1和this.point.pram2

进行访问

here是一个帮助你的jsfiddle。