在Highcharts

时间:2017-02-10 09:33:47

标签: javascript jquery highcharts tooltip

我有一个图表,在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");
    }
});

0 个答案:

没有答案