我正在尝试更改图表的数据,并且它是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?
});