問題情況:
圖表數據在標簽切換時,通過ajax異步加載后,第二次加載完成后的數據還會顯示出前一次的數據信息。
原因:
在后面加載的option中,瀏覽器緩存這原來的數據,所以在每次setOption(option) 時應該先清除掉原來請求條件下得到的數據。
解決方案:
1、使用myChart.setOption(option, true);
2、使用myChart.clear();
myChart.setOption(option);
如上兩種方法,測試均有效。
如下帶有option數據緩存的效果情況:
效果:
如下標記的數據就是由於緩存顯示出來的數據,本來應該只顯示一個信息的,現在卻顯示出了上一次請求緩存着的信息。
按照上面解決方案的方法處理后的效果如下(應該只顯示一個項目):