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

在highcharts中,如何提供具有值x、y、title的数据,以便将标题放入工具提示中?,highcharts,Highcharts,最初我是这样做的: var highchartData = []; <start loop> var miniArray = []; miniArray.push(result[i].NumberOfKittens); miniArray.push(result[i].TimeOfBirth); highchartData.push(miniArray); <end loop> $('#highchart').highcharts().addSeries({

最初我是这样做的:

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
});
但我刚刚收到一个错误,它说Highcharts希望在turbo模式下的点配置是数字或数组


我想我需要告诉它json上的哪些值用作X和Y,但我无法从文档中弄清楚如何使用。有什么想法吗?最终,我只需要一个在X,Y处绘制一个点的工具提示,并可以在工具提示中显示其他信息,但由于我只能通过X,Y使其工作,因此无法将元数据添加到每个记录。

Highcharts要求点中的值/名称具有特定的结构

请参见API中的,您可以在其中找到以下结构:

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);
它应该会起作用

然后需要根据自己的喜好设置工具提示的格式,请参见。 这是关键要点:

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

点对象。如果定义了点名称,可以通过this.point.name.


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

Highcharts要求点中的值/名称具有特定的结构

请参见API中的,您可以在其中找到以下结构:

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);
它应该会起作用

然后需要根据自己的喜好设置工具提示的格式,请参见。 这是关键要点:

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

点对象。如果定义了点名称,可以通过this.point.name.


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

谢谢,我明白了-我想我可以使用自定义数据,而不必使用特定的“name”属性。我离让它工作越来越近了。如果我减少了表明其中一个具有无效值或其他内容的记录的数量,它就会起作用,尽管在我尝试合并名称之前,它可以很好地处理相同的数据。然而,
point.name
在工具提示中为空,即使我在json数据中设置了它。this.point.name给出了一个errorFirst问题已解决,删除了1000点的默认限制。只需找出工具提示中没有显示点名称的原因。您使用的是
point.name
还是
this.point.name
?因为您需要使用
this.point.name
。参见工作示例。在工具提示上,我使用了
point.key
,而不是
point.name
,它可以工作。与使用不同工具提示布局的散点图有关。即使我通过指定
name
来设置数据。谢谢你的帮助。谢谢,我明白了-我想我可以使用自定义数据,而不必使用特定的“name”属性。我离让它工作越来越近了。如果我减少了表明其中一个具有无效值或其他内容的记录的数量,它就会起作用,尽管在我尝试合并名称之前,它可以很好地处理相同的数据。然而,
point.name
在工具提示中为空,即使我在json数据中设置了它。this.point.name给出了一个errorFirst问题已解决,删除了1000点的默认限制。只需找出工具提示中没有显示点名称的原因。您使用的是
point.name
还是
this.point.name
?因为您需要使用
this.point.name
。参见工作示例。在工具提示上,我使用了
point.key
,而不是
point.name
,它可以工作。与使用不同工具提示布局的散点图有关。即使我通过指定
name
来设置数据。谢谢你的帮助。