echarts makeline辅助线

接着奏乐接着舞

已于 2024-09-10 13:41:14 修改

阅读量135

点赞数 2

文章标签： echarts 前端 javascript

于 2024-08-28 16:40:26 首次发布

本文链接：https://blog.csdn.net/a378113472/article/details/141644220

版权

  series: [
    {
      name: "aaa",
      type: "line",
      smooth: true,
      itemStyle: {
        normal: {
          label: {
            show: true,
            textStyle: {
              //修改 折线点的值 显示颜色
              color: "#fff",
            },
          },
        },
      },
      areaStyle: {
        normal: {},
        smooth: true,
        opacity: 0.7,
      },
      data: [0, 1, 2,1, 0],
      markLine: {
      lineStyle: {
          color: "#F56C6C",
          type: "solid", // 实线
          //辅助线延长作用
           shadowOffsetY:'100',
            shadowColor:'#F56C6C'
        },
        symbol: "none", //去掉上面的箭头
        label: {
          show: true,
        },

        data: [
          {
            name: "中间线",
            label: {
              formatter: "纵向辅助线1",
            },

            xAxis: 2,
          },
          {
            name: "中间线",
            label: {
              formatter: "纵向辅助线2",
            },
            xAxis: 3,
          },
        ],
      },
    },
  ],