echarts 则线图配置选项

最新推荐文章于 2022-10-30 01:16:11 发布

请叫我懿哥

最新推荐文章于 2022-10-30 01:16:11 发布

阅读量175

点赞数

文章标签： echarts javascript

本文链接：https://blog.csdn.net/weixin_43987651/article/details/127427971

版权

      option: {
        grid: {
          top: '20',
          left: "0%",
          right: "1%",
          bottom: "3%",
          containLabel: true,
        },
        tooltip: {
          trigger: "axis",
        },
        xAxis: {
          type: "category",
          boundaryGap: false,
          axisLabel: {
            color: "#ffffff",
            fontSize: "16",
          },
          data: [],
          axisLine: {
            lineStyle: {
              color: "#ffffff", //x轴的颜色
            },
          },
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: "#ffffff",
            fontSize: "16",
          },
          axisLine: {
            show: true,
            lineStyle: {
              color: "#ffffff", //x轴的颜色
            },
          },
          splitLine: {
            show: false, // 不显示网格线
          },
        },
        series: {
          name: "活跃企业数",
          type: "line",
          stack: "Total",
          areaStyle: {
            opacity: 0.2,
            color: {
              type: "linear",
              x: 0,
              y: 0,
              x2: 0,
              y2: 1,
              colorStops: [
                {
                  offset: 0,
                  color: "#156CD3", // 0% 处的颜色
                },
                {
                  offset: 1,
                  color: "#fff", // 100% 处的颜色
                },
              ],
            },
          },
          lineStyle: {
            color: "#156CD3",
          },
          smooth: true,
          data: [150, 230, 224, 218, 135, 147, 260],
          //填充颜色
        },
      },