Echarts官方文档:http://echarts.baidu.com/echarts2/doc/doc.html
首先看下实现的效果图:
还有其他的效果图,暂不贴出
这里主要记录如下几点
1、多条折线的设置,series
2、折线上的点的设定
3、折线颜色的设定
4、折线的点击事件
多条折线的设置
一条折线
series:
name: names,
type: 'line',
smooth: true,
symbol: 'image://static/hdst/images/index/symbol.png',
showSymbol:false,
symbolSize: 18,
hoverAnimation: false,
areaStyle: { normal: { color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{offset: 0, color: 'rgba(75, 178, 255, 0.4)'}, {offset: 1, color: 'rgba(75, 178, 255, 0)'}], globalCoord: false}}},
lineStyle: { normal: { color: '#16d1d9', width: 3} },
data:datas,
markPoint: {
data: [
{type: 'max', name: '最大值', symbol: 'image://static/hdst/images/index/symbol.png', symbolSize: