百度echart

Posted 一个写代码的人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度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)  });

 

以上是关于百度echart的主要内容,如果未能解决你的问题,请参考以下文章

百度地图标注及结合ECharts图谱数据可视化

百度柱状图echarts插件怎么赋值

在百度echarts中添加标识线markLine

百度echarts后台交互实例

图表控件== 百度 echarts的入门学习

Echarts 结合百度地图使用总结