Echarts折线图虚线实线合并

最新推荐文章于 2023-09-21 15:05:49 发布

飞天小象吖

最新推荐文章于 2023-09-21 15:05:49 发布

阅读量629

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_48573538/article/details/127422993

版权

配置：

option = {
  xAxis: {},
  yAxis: {},
  series: [
    {
      // 每个点得横纵坐标
      data: [
        [1, 1],
        [2, 2],
        [3, 3]
      ],
      type: 'line',
      color: '#6583db',
      itemStyle: {
        normal: {
          lineStyle: {
            type: 'lined'
          }
        }
      }
    },
    {
      data: [
        // 每个点得横纵坐标
        [undefined, undefined],
        [3, 3],
        [4, 4]
      ],
      type: 'line',
      color: '#6583db',
      itemStyle: {
        normal: {
          lineStyle: {
            type: 'dotted'  // 设置虚线
          }
        }
      }
    },
    {
      // 每个点得横纵坐标
      data: [
        [1, 3],
        [2, 4],
        [3, 5]
      ],
      color: 'red',
      type: 'line',
      itemStyle: {
        normal: {
          lineStyle: {
            type: 'lined'
          }
        }
      }
    }
  ]
};