vue echart柱状图上方显示数值

xiaodanda

于 2022-08-02 11:23:12 发布

阅读量1.9k

点赞数 1

文章标签： vue.js echarts 前端 vue elementui

本文链接：https://blog.youkuaiyun.com/xiaodanda/article/details/126118877

版权

  series: [
          {
            {
            type: "bar",
            showBackground: false,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: "#df8f19" },
                { offset: 0.5, color: "#f5b238" },
                { offset: 1, color: "#efe164" },
              ]),
              normal: {
                label: {
                  show: true,
                  // rotate: 70, // 旋转70度
                  position: "top", // 在上方显示
                  // distance: 20, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
                  // verticalAlign: "middle",
                  textStyle: {
                    // 数值样式
                    color: "white",
                    fontSize: 10,
                  },
                },
              },
            },

           
          },
          },
        ],