echarts 折线图如何变成虚线 案例

在 ECharts 中，如果你想将折线图变成虚线，可以在配置选项里添加 `lineStyle` 属性，并设置其 `type` 为 `'dashed'` 或 `'dashdot'`，代表虚线或点断线样式。下面是一个简单的例子：

option = {
  xAxis: {
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {},
  series: [{
    name: '折线',
    type: 'line', // 折线图
    data: [120, 200, 150, 80, 70], // 数据点
    lineStyle: { // 设置虚线风格
      type: 'dashed', // 可以改为 'dashdot' 来设置点断线
      width: 2, // 线宽
    }
  }]
};

在这个示例中，折线系列的 `lineStyle.type` 被设置为 `'dashed'`，表示虚线样式。如果想创建点断线（即虚实交替），可以将其设置为 `'dashdot'`。