用新数据替换highcharts.js系列数据

时间:2017-05-27 21:16:13

标签: javascript jquery highcharts

我正在尝试更改图表的数据,并且它是x轴,以显示用户点击的按钮中的相应数据。

我知道有像setData或addSeries这样的功能,但它并没有完全夺走原始图表中的 ALL 数据。

我想完全擦除旧的json数据并插入新的json数据,并且还要更改x轴。

<script>

// OLD DATA
var json_nba_30_days = {{ nba_30_days_data | safe}};
var nba_30_days_x_axis = {{nba_30_days_x_axis | safe}}

// NEW DATA FOR UPDATE
var json_nba_months = {{ nba_months_data | safe}}
var nba_graph = Highcharts.chart('nba_graph', {

    title: {
        text: 'NBA Sentimental Analysis'
    },

    subtitle: {
        text: 'Source: Reddit Fan Comments'
    },

    xAxis: {
        categories: nba_30_days_x_axis
    },

    yAxis: {
        title: {
            text: 'Number of Employees'
        }
    },


    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },


    series: json_nba_30_days // OLD DATA
});

var toggle_nba_months = $('#toggle_past_months_button');
toggle_nba_months.click(function(){

 // How do we update the graph above to new json data of json_nba_months?


});

0 个答案:

没有答案