下圖顯示四個條形圖,點擊條形圖就跳轉到其頁面,這說明您要判斷你點了那個條形圖。javascript
echarts給了它點擊事件 寫法,咱們只要模仿就行,代碼以下:java
//echarts圖表點擊跳轉
echarts
myChart.on('click', function (param){
spa
var name=param.name;
code
if(name=="用戶數"){
htm
window.location.href="${base}/admin/user/list.htm";
blog
}else if(name=="欄目數"){
事件
window.location.href="${base}/admin/classify/list.htm";
ip
}else if(name=="新聞數"){
io
window.location.href="${base}/admin/news/list.htm";
}else{
window.location.href="${base}/admin/file/list.htm";
}
});
myChart.on('click',eConsole);
第二個問題就是跳轉頁面的問題,有三種方式:
window.location.href="${base}/admin/file/list.htm";
parent.location.href="${base}/admin/file/list.htm";
top.location.href="${base}/admin/file/list.htm";
這三個的區別用以下圖解釋:
使用window跳轉頁面,只是區域一跳轉了顯示您要調到的頁面,其餘區域發生變化;使用parent跳轉頁面,區域二跳轉顯示您要跳到的頁面;使用top跳轉頁面,區域三所有跳轉到您要調到的頁面,整個頁面刷新。