摘要：
最近，对视觉图表的需求很大。图表基本上是用图表制作的，常用的属性只是简单地写下来。1.图表效果示例：标题工具箱工具提示图例dataZoomdataRange gridaxis line（）图例：（虚线图表）以实现默认情况下未选择初始项，并且默认图例的样式已更改，例如：图例：｛show:''，图标：“circle”，//更改图形列的默认样式：selected:｛“All”：false//默认情况下图例为灰色｝｝。如果只想更改图例，可以使用数据：[｛name:“series 1”，//强制图形为圆形。
最近可视化图表的需求比较多，图表基本上都在用echarts制作，简单写下比较常用的属性
1.示例图效果：
title(标题) toolbox(工具箱) tooltip(提示) lengend(图例) dataZoom(数据缩放区域) dataRange(值域) grid(绘图网络) axis(坐标轴) line()
图例（legend）：（折线图）
实现初始某一项默认不选择定且改变默认图例的样式，比如：
legend: {
show: '',
icon:"circle", //更改图列的默认样式 （
'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'）（全部的图例类型改变） selected:{
"全部":false //图例为‘全部’的一项默认置灰
}
},
如果只想改某个图例，可以
data: [{
name: '系列1',
// 强制设置图形为圆。
icon: 'circle',
// 设置文本为红色
textStyle: {
color: 'red'
}
}]ECharts 提供的标记类型包括
'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
也可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。
可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。
图例的点击事件
mainChart.on('legendselectchanged', function(params) {
let legends = params.selected;
let selectedArr = toolObj.findKeys(legends);
console.log(selectedArr) //被选中的图例数组
})