echarts柱状图的宽度

2024年5月15日 150次阅读 来源: weixin_53545517 
series: [
          {
            name: "地块面积",
            type: "bar",
            barWidth: 15, // 柱子宽度
            label: {
              show: true,
              position: "right", // 位置
              color: "#8E8E8E",
              fontSize: 14,
              distance: 15, // 距离
              formatter: "{c} 平方米" // 这里是数据展示的时候显示的数据
            }, // 柱子上方的数值
            itemStyle: {
              barBorderRadius: [0, 20, 20, 0], // 圆角（左上、右上、右下、左下）

              color: new this.$echarts.graphic.LinearGradient(
                1,
                0,
                0,
                0,
                [
                  {
                    offset: 0,
                    color: "#51C5FD"
                  },
                  {
                    offset: 1,
                    color: "#005BB1"
                  }
                ],
                false
              ) // 渐变
            },
            data: Ydata
          }
        ]
    原文作者：weixin_53545517
    原文地址: https://blog.csdn.net/weixin_53545517/article/details/120737947
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞