echarts折线图3 折线图 背景 网格如何固定设置3段

来源：蜘蛛抓取(WebSpider) 时间：2016-09-16 04:13 标签： echarts折线图 
 

 事件触发的参数为对象数据的各個属性列出部分主要的属性：
 
 // 当前点击的图形元素所属的组件名称，
 // 传入的原始数据项
 

 上面的点击事件参数只是列出部分，不同的事件也有一些额外附加参数
 


 

 


 

 


 

 1） legendselectchanged : 切换图例选中状态后的事件 (注：图例组件用户切换图例开关会触发该事件,不管你有没有选择，点击了就触发)
 


 

 2）legendselected：例组件用 图例选中后的事件即点击显示该图例时，触发就生效
 


 

 


 

 4）datazoom：数据区域缩放后的事件。缩放视觉映射组件
 


 

 


 

 


 

 


 

 


 

 


 

 


 

 11）geoselectchanged： 中地图区域切换选中状态的事件（用户点击选中会触发该事件。）
 


 

 12）geoselected： 中地图区域选中后的事件（使用dispatchAction可触发此事件，用户点击不会触发此事件（鼡户点击事件请使用 ））
 


 

 13）geounselected： 中地图区域取消选中后的事件，使用dispatchAction可触发此事件用户点击不会触发此事件（用户点击事件请使用 ）。
 


 

 14）pieselectchanged： 中饼图扇形切换选中状态的事件用户点击选中会触发该事件。
 


 

 15）pieselected： 中饼图扇形选中后的事件使用dispatchAction可触发此事件，用户点击不会触發此事件（用户点击事件请使用 ）
 


 

 16）pieunselected： 中饼图扇形取消选中后的事件，使用dispatchAction可触发此事件用户点击不会触发此事件（用户点击事件请使用 ）。
 


 

 


 

 18）mapselected： 中地图区域选中后的事件使用dispatchAction可触发此事件，用户点击不会触发此事件（用户点击事件请使用 ）
 


 

 19）mapunselected： 中地图区域取消选Φ后的事件，使用dispatchAction可触发此事件用户点击不会触发此事件（用户点击事件请使用 ）。

本次教程的目标是实现“折线图堆叠”折线实现结果如图：

我们下载完整版为大家进行演示。

首先我新建了一个MVC4项目，将下载的文件放到对应的位置：

然后新建一个控制器和对应的视图添加对文件的引用，并且新增一个id为main的div做为地图的容器来展现地图如图：

接着开始写JS脚本来实现我们想要的效果：

具体参数含义可参考,不再赘述：

我要回帖

更多关于 echarts折线图 的文章

 

随机推荐