2017-07-18 55 views
-2

我想在烛台类型的HighChart工具提示中显示一些自定义数据。我应该怎么做? 我发现了其他类型的图表的一些解决方案,但他们不适合我。如何将更多数据嵌入烛台HighChart工具提示?

如您所知,我们有权访问X,高,低,关闭和默认打开的值。但是我想嵌入例如“名称”或“百分比”值到每个要显示在工具提示上的点。

如果有人能回答我的问题,我将不胜感激。

问候。

回答

1

是的,你绝对可以做到这一点。您可以访问您传递给高层图的所有数据。

可以这里说的是您正在绘制的数据的示例结构。

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

因为您已经知道这里的默认参数分别是打开,关闭,低和高。我们希望在工具提示中显示另外两个称为param1和pram2的prams。为此,我们需要让他们在如下所示。

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

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

这个格式化函数每调用一次,你的鼠标就会被调用到图上的一个数据点上。

在这个格式化函数中,您可以访问那个点的数据为this.point。在这里我们的额外参数可以被访问为this.point.param1this.point.pram2

here是一个jsfiddle,将帮助你。

+0

通过设置点作为对象我得到HighChart错误#20,turboThreshold不允许添加超过1000点。我的图表有大约100万条记录。另外我需要在我的工具提示中有自定义数据。你知道我应该如何设置这个问题? – keykan

+0

我的意思是,是否有机会使用Array语法而不是Object语法来支持数百万条记录,并且在工具提示中也有自定义数据?如果不是,我该如何解决highchart error#20? – keykan

+0

@keykan你可以删除turbothreshold。错误#20可以通过将turbothreshold设置为0来禁用它来避免。请参阅API文档的这一部分:http://api.highcharts.com/highstock/plotOptions.candlestick.turboThreshold – Strikers

相关问题