echarts 设置虚线

1、首先打开任一浏览器，找到echarts的API文档中的“配置项”，展开“series”，type=line的就是折线图，此处可以看到折线图的各种设置项与允许的值。

2、打开echarts实例，点击折线图分类，找到并点击最基础的折线图。

3、打开的基础折线图的配置项和运行效果。修改左侧的series配置项，给折线图设置拐点大小为15。

4、点击【运行】按钮，右侧就可以看到拐点图形变大了 symbolSize:15。

5、最后给折线图的拐点图形修改为三角形，修改后，运行，就可以看到图形变成了三角形 symbol:"triangle"。

实现效果如图：

首先我们要知道，一个坐标轴对应的分割线只有一条，设置颜色时肯定也只能设置单一的一种，那么想要实现这个需求， 就是要在原有的基础以上多创建一个坐标轴，这个案例时y轴分割线，所以，需要写的y轴个数应该是2才可以实现 。通过查阅文档我们可以知道，yAxis也是可以写成 数组形式 的，数组中可以包含若干个对象，那么每个对象就对应着一个坐标轴，分别设置每个坐标轴的分割线颜色作为备选项

在文档中series有一个 yAxisIndex 属性,它可以通过索引值指定y轴数组中对应的轴线并进行使用，当然是在yAxis是数组的前提下才可以使用（存在多个坐标轴），在为了设置分割线的情况下同样也要给坐标轴’value‘类型的type，其他涉及到y轴的样式也是可以一并进行设置

①准备：样式根据需求设置

②设置：属性值为1,则代表这个线的值会渲染到第二个y轴上，第二个y轴的样式也会投射到这个线的上面

echarts 添加一条平行于x轴的标示线是markline下面的属性：

data : [

[

{name: '标线1起点', value: 100, x: 50, y: 20},

{name: '标线1终点', x: 150, y: 120}

],

[

{name: '标线2起点', value: 200, x: 30, y: 80},

{name: '标线2终点', x: 270, y: 190}

],

..

]

---