在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
来设置数据。谢谢你的帮助。