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

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

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

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

 
  1. //echarts圖表點擊跳轉echarts

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

  3. var name=param.name;code

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

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

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

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

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

  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跳轉頁面,區域三所有跳轉到您要調到的頁面,整個頁面刷新。

相關文章
相關標籤/搜索