ECharts柱状图的宽度

最新推荐文章于 2024-09-05 10:24:48 发布

weixin_43196097

最新推荐文章于 2024-09-05 10:24:48 发布

阅读量1.5k

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_43196097/article/details/126971942

版权

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
      }
    ]