在highcharts中,我如何提供值x,y,title的数据,以便我可以将标题放在工具提示中?

时间:2017-08-02 13:24:26

标签: highcharts

最初我这样做了:

predict()

然而,在我的工具提示中,我想要木乃伊小猫的名字,所以我想要包含它。我尝试用这个替换循环:

StatsBase.predict()

但我刚收到错误var highchartData = []; <start loop> var miniArray = []; miniArray.push(result[i].NumberOfKittens); miniArray.push(result[i].TimeOfBirth); highchartData.push(miniArray); <end loop> $('#highchart').highcharts().addSeries({ name: "Kittens born", data: highchartData });

我想我需要告诉它json上哪些值用作X和Y但是我无法弄清楚如何从文档中获取。有任何想法吗?最后我只想要一个工具提示,在X,Y处绘制一个点,并且可以在工具提示中显示其他信息,但由于我只能通过X传递它,Y我无法为每条记录添加元数据。

1 个答案:

答案 0 :(得分:0)

Highcharts期望某一点的值/名称具有某种结构。

请参阅API中的series.data,您可以在其中找到以下结构:

data: [{
    x: 1,
    y: 10,
    name: "Point2",
    color: "#00FF00"
}, {
   x: 1,
   y: 6,
   name: "Point1",
   color: "#FF00FF"
}]

因此,如果您将积分改为:

var myItem = {
    y: result[i].NumberOfKittens,
    x: result[i].TimeOfBirth,
    name: result[i].MummyKittenName
};

highchartData.push(myItem);

它应该有用。

然后,您需要根据自己的喜好格式化工具提示,请参阅Highcharts API on tooltips。 这是关键点:

  

this.point(不共享)/ this.points [i] .point(共享)

     

点对象。点名称(如果已定义)可通过 this.point.name。

获得

以上内容适用于折线图和大多数其他图表,但是,某些图表对这些点采用不同的选项。