echarts自定义折线图

先看效果：

这里的难点可能出了常规的参数修改以外，就是折线回执区域的渐变色是怎么设置的，其实就是series下面的areaStyle设置。

areaStyle: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(0, 144, 255,0.7)'
                    }, {
                        offset: 1,
                        color: 'rgba(5, 26, 51,0)'
                    }])
            }

下面来看代码：

当然如果有更精细的修改，可以去查看官方文档。比如我想改变x轴上指示线的颜色，就在去手册搜xAxis关键词，然后找到指示器（看多了自然就可以根据单词翻译过来，就知道是哪个属性值了）

然后在代码里添加即可：

 效果如下：

指示线就变成了黄色。