Echarts +柱状图数据标签文字显示在内部

介绍

在ECharts中，可以通过配置series.label属性实现文字显示在柱状图内部。关键参数包括position: 'inside'

配置文字显示的样式和位置

label对象用于配置文字显示的样式和位置。你可以根据需要调整show、position和formatter等属性。例如，position可以设置为'top'、'inside'、'left'、'right'或'bottom'等位置，formatter可以用来格式化标签文本。

例如：

设置柱状图数据标签显示在内部

    series: [
          {
            name: 数量1,
            type: "bar",
            data:[337,197,511,420,414,676,11]
            itemStyle: {
              color: "#9B59B6",
            },
            label: {
              show: true,
              position: 'inside'
            },
          },
          {
            name: 数量2,
            type: "bar",
            data:[43,217,144,116,558,240,37]
            itemStyle: {
              color: "#DFBA49",
            },
            label: {
              show: true,
              position: 'inside'
            },
          },
        ],