Echarts 在图表中标记出一个或多个区域

Echarts 在图表中标记出一个或多个区域_第1张图片

option: {
    xAxis: {
      type: "category",
      data: ["A", "B", "C", "D", "E", "F", "G"],
    },
    yAxis: {
      type: "value",
    },
    series: [
      {
        data: [120, 200, 150, 80, 70, 110, 130],
        type: "line",
        // 添加markArea组件
        markArea: {
          // 设置markArea的样式
          itemStyle: {
            color: "rgba(255, 173, 177, 0.4)",
          },
          // 设置markArea的范围,可以是具体的值或百分比
          data: [
            [
              {
                name: "Area A",
                xAxis: "A",
              },
              {
                xAxis: "C",
              },
            ],
            [
              {
                name: "Area B",
                xAxis: "E",
              },
              {
                xAxis: "G",
              },
            ],
          ],
        },
      },
    ],
  }

你可能感兴趣的:(数据可视化开发,echarts,前端,javascript)