使用echart绘制一个立体柱状图

最新推荐文章于 2025-07-11 09:14:17 发布

支支დ

最新推荐文章于 2025-07-11 09:14:17 发布

阅读量756

点赞数 16

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_47375788/article/details/141131839

效果：
在这里插入图片描述
最近在做大屏遇到了好多用echart绘图，话不多说上代码

      let Mycharts= echarts.init(
        document.getElementById("histogram")
      );

      let option = {
   
   
        title: {
   
   
          text: "个",
          position: "left",
          top: "-3%",
          textStyle: {
   
   
            color: "#41A6FC",
            fontSize: this.fontSizeRem(24),
          },
        },
        grid: {
   
   
          top: "15%",
          left: "1%",
          right: "1%",
          bottom: "3%",
          containLabel: true,
        },
        xAxis: {
   
   
          type: "category",
          data: ["xxx", "xxx", "xxx", "xxx"],
          axisLabel: {
   
   
            show: true,
            interval: 0,
            textStyle: {
   
   
              color: "#41A6FC",
              fontSize: this.fontSizeRem(24),
            },
          },
          splitLine: {
   
   
            show: false,
            lineStyle: