echarts圖表點擊事件之跳轉頁面和加載頁面

echarts圖表點擊事件之跳轉頁面和加載頁面

 下圖顯示四個條形圖，點擊條形圖就跳轉到其頁面，這說明您要判斷你點了那個條形圖。

echarts給了它點擊事件 寫法，咱們只要模仿就行，代碼以下：

1. //echarts圖表點擊跳轉

2. myChart.on('click', function (param){

3. var name=param.name;

4. if(name=="用戶數"){

5. window.location.href="${base}/admin/user/list.htm";

6. }else if(name=="欄目數"){

7. window.location.href="${base}/admin/classify/list.htm";

8. }else if(name=="新聞數"){

9. window.location.href="${base}/admin/news/list.htm";

10. }else{

11. window.location.href="${base}/admin/file/list.htm";

12. }

13. });

14. myChart.on('click',eConsole);

第二個問題就是跳轉頁面的問題，有三種方式：

window.location.href="${base}/admin/file/list.htm";

1. parent.location.href="${base}/admin/file/list.htm";

2. top.location.href="${base}/admin/file/list.htm";

這三個的區別用以下圖解釋：

使用window跳轉頁面，只是區域一跳轉了顯示您要調到的頁面，其餘區域發生變化；使用parent跳轉頁面，區域二跳轉顯示您要跳到的頁面；使用top跳轉頁面，區域三所有跳轉到您要調到的頁面，整個頁面刷新。