我有一个图表,在highcharts中有多个系列。我通过把手将数据提供给这些图表。现在我使用AJAX调用的数据动态更新它们。我能够将数据更新到图表。但我无法弄清楚如何更新系列的工具提示。这是我用于工具提示的代码。
series: [
{{#each histData as |index|}}
{
name: '{{@key}}',
id: '{{@key}}',
type: 'spline',
allowPointSelect: true,
{{#each index as |status|}}
{{#if_eq @key "histSuccess"}}
tooltip: {
pointFormatter: function(){
var toolTip = [{{this}}];
return "Index: {{@../key}}" + "<br />" + "Failure: " + this.y + "%" + "<br />" + "Success: " + toolTip[this.series.data.indexOf( this )] + "%" + "<br />";
}
},
{{/if_eq}}
{{#if_eq @key "histFailure"}}
data: [{{this}}],
{{/if_eq}}
{{/each}}
},
{{/each}}
]
编辑:
这是我更新图表中数据的方式。
$.ajax({
url: url,
headers: { 'x-cyclops-ajax': 'yes' },
method: 'GET',
dataType: 'json',
success: function(data) {
var chart = $('#container').highcharts();
var keys = Object.keys(data["histData"]);
for( var i=0; i< keys.length; i++) {
chart.series[i].setData(data["histData"][keys[i]]["histFailure"], true);
}
chart.xAxis[0].setCategories(data["histKeys"]);
console.log("Data:");
},
error: function(jqXHR, textStatus, errorThrown) {
console.log("Did not hit the AJAX call");
}
});