echarts 在图表内显示数据

作者: Spinach | 来源:发表于2022-12-09 10:19 被阅读0次

需设置的属性

  label: {
        show: true,
        position: 'top',
        color: '#FFFFFF',
        formatter(p) {
          return p.value > 0 ? (p.value) : '';
        },
      },

效果

效果图

 series: [
    {
      name: '数量',
      type: 'bar',
      stack: '总量',
      barWidth: '30%',
      label: {
        show: true,
        position: 'top',
        color: '#FFFFFF',
        formatter(p) {
          return p.value > 0 ? (p.value) : '';
        },
      },
      itemStyle: {
        // normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          offset: 0,
          color: '#00F2FE',
        }, {
          offset: 1,
          color: '#4FACFE',
        }]),
        borderRadius: [10, 10, 0, 0],
        // },
      },
      data: yData.value,
    } ],