Echarts折线图背景添加

  • Post author:
  • Post category:其他

Echarts折线图背景添加

话不多说,先上图:
在这里插入图片描述
啥也不说了,这张图这真心的丑,这些都不重要,主要的是如何操作

代码如下:
在Echarts的series里面的一个itemStyle属性添加areaStyle属性

series: [
          {
            name: "",
            type: "line",
            data: [],
            itemStyle: {
              normal: {
                color: "#ffb500",
                lineStyle: {
                  color: "#ffb500",
                  width: 3,
                },
                areaStyle: {   //添加背景颜色
                  type: "default",
                  color: "#ffb500",  //背景颜色
                  opacity: 0.3,   //透明度
                },
              },
            },
          },
        ]

版权声明:本文为x_XDGS原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。