百度echart

在ECharts中主要通过on方法添加事件处理函数，ECharts中的事件主要分为两种，1）鼠标事件，在鼠标click or hove 时触发鼠标事件； 2）另外一种是在ECharts在做图形交互时触发的事件，即调用dispatchAction 后触发的事件。

鼠标事件：'click'，'dblclick'，'mousedown'，'mouseup'，'mouseover'，'mouseout'，'globalout'。

myChart.on('click',function(params){ console.log(params);});

{// 当前点击的图形元素所属的组件名称，// 其值如 'series'、'markLine'、'markPoint'、'timeLine' 等。 componentType: string,// 系列类型。值可能为：'line'、'bar'、'pie' 等。当 componentType 为 'series' 时有意义。 seriesType: string,// 系列在传入的 option.series 中的 index。当 componentType 为 'series' 时有意义。 seriesIndex: number,// 系列名称。当 componentType 为 'series' 时有意义。 seriesName: string,// 数据名，类目名 name: string,// 数据在传入的 data 数组中的 index dataIndex: number,// 传入的原始数据项 data:Object,// sankey、graph 等图表同时含有 nodeData 和 edgeData 两种 data，// dataType 的值会是 'node' 或者 'edge'，表示当前点击在 node 还是 edge 上。// 其他大部分图表中只有一种 data，dataType 无意义。 dataType: string,// 传入的数据值 value: number|Array// 数据图形的颜色。当 componentType 为 'series' 时有意义。 color: string }

$.each(params, function(k,v){ console.log( 'k='+k+':v=' + v) });