需求说明 图标涉及图例较多，为方便操作，故新增全选/全取消功能，通过全选框控制全选/全取消 实现思路 主要用到echarts > legend > selected属性以及legendselectchanged方法。当全选/全取消时通过selected属性动态赋值，改变图例 ...

平时做图表的时候经常用echarts，确实是一款很好用的插件。 开发中遇到了一个问题，在展示的曲线，也就是legend很多的时候，不太好只展示其中几条。配置中是可以默认设置初始化是否展示，但不适用于全选和全不选的场景。 研究了文档后发现，可以通过修改配置，然后再次调用setOption方法实现 ...

这里用到AngularJS四大特性之二----双向数据绑定 注意：没写一行DOM代码！这就是ng的优点，bootstrap.css为了布局，JS代码也只是简单创建ng模块和ng控制器 效果： ...

1.left,right,top,bottom 　　图例组件离容器左（右，上，下）侧的距离。 　　left 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'left','center', 'right'。 　　如果 left 的值 ...

图例 图例是图表中对内容区元素的注释、用不同形状、颜色、文字等来标示不同数据列，通过点击对应数据列的标记，可以显示或隐藏该数据列。图例虽然不是图表中的主要信息、却是了解图表信息的钥匙。 一、布局 图例一般放在图表的右上角、也可以放在图表的底部、同一页面中的所有图例位置保持一致，可以横排对齐 ...

...

legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle",//图例的图标 circle 圆形 ...

id为all的想设置全选的那个框的id，name为checkname[]的是每个小复选框； 第一种： 第二种： html代码： ...