Echarts繪圖echarts鼠標(biāo)事件的處理echarts支持常規(guī)的鼠標(biāo)事件類型點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例echarts支持常規(guī)的鼠標(biāo)事件類型/01包括：

'click'、'dblclick'、'mousedown'、'mousemove'、'mouseup'、'mouseover'、'mouseout'

事件echarts支持常規(guī)的鼠標(biāo)事件類型點(diǎn)擊柱狀圖后打開相應(yīng)的

百度搜索頁面的示例/02點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例text:'異步數(shù)據(jù)加載示例'},tooltip:{},legend:{data:['銷量']},xAxis:{data:["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]},yAxis:{},series:[{name:'銷量',type:'bar',data:[5,20,36,10,10,20]}]});});

//基于準(zhǔn)備好的dom，初始化ECharts實(shí)例varmyChart=echarts.init(document.getElementById('main'));//指定圖表的配置項(xiàng)和數(shù)據(jù)varoption={xAxis:{data:["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]},異步數(shù)據(jù)加載示例'},}

點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例yAxis:{},series:[{name:'銷量',type:'bar',data:[5,20,36,10,10,20]}]};//使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。myChart.setOption(option);點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

//處理點(diǎn)擊事件并且跳轉(zhuǎn)到相應(yīng)的百度搜索頁面myChart.on('click',function(params){window.open('/s?wd='+encodeURIComponent());});所有的鼠標(biāo)事件包含參數(shù)

params，這是一個(gè)包含點(diǎn)擊圖形的數(shù)據(jù)信息的對象，格式如下：{{//當(dāng)前點(diǎn)擊的圖形元素所屬的組件名稱，

點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

//其值如'series'、'markLine'、'markPoint'、'timeLine'等。componentType:string,//系列類型。值可能為：'line'、'bar'、'pie'等。當(dāng)componentType為'series'時(shí)有意義。seriesType:string,//系列在傳入的option.series中的index。當(dāng)componentType為'series'時(shí)有意義。seriesIndex:number,//系列名稱。當(dāng)componentType為'series'時(shí)有意義。seriesName:string,//數(shù)據(jù)名，類目名點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

name:string,//數(shù)據(jù)在傳入的data數(shù)組中的indexdataIndex:number,//傳入的原始數(shù)據(jù)項(xiàng)data:Object,//sankey、graph等圖表同時(shí)含有nodeData和edgeData兩種data，//dataType的值會(huì)是'node'或者'edge'，表示當(dāng)前點(diǎn)擊在node還是edge上。//其他大部分圖表中只有一種data，dataType無意義。

點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

dataType:string,//傳入的數(shù)據(jù)值value:number|Array//數(shù)據(jù)圖形的顏色。當(dāng)componentType為'series'時(shí)有意義。color:string}怎么區(qū)分鼠標(biāo)點(diǎn)擊到了哪里：myChart.on('click',function(params){if(ponentType==='markPoint'){//點(diǎn)擊到了markPoint上點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

if(params.seriesIndex===5){//點(diǎn)擊到了index為5的series的markPoint上。}}elseif(ponentType==='series'){if(params.seriesType==='graph'){if(params.dataType==='edge'){//點(diǎn)擊到了graph的edge（邊）上。}else{點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例

//點(diǎn)擊到了graph的node（節(jié)點(diǎn)）上。}}}});可以在回調(diào)函數(shù)中獲得這個(gè)對象中的數(shù)據(jù)名、系列名稱后在自己的數(shù)據(jù)倉庫中索引得到其它的信息候更新圖表，顯示浮層等等，如下示例代碼：

點(diǎn)擊柱狀圖后打開相應(yīng)的百度搜索頁面的示例myChart.on('click',function(parmas){$.get('detail?q='+,function(detail){myChart.setOption({series:[{