ECharts

一、横向滚动条

  dataZoom: [{
      type: 'slider',
      height: 0,
      moveHandleSize: 10,
      start: 0,
      end: 20,
      zoomLock: false
    }],

二、柱状图上面显示值

label: {
        show: true,
        position: 'top',
        textStyle: {
          fonstSize: 12,
        },
      },

三、扇形图里面显示值

label: {
        show: true,
        position: 'inside', // 显示在扇区内侧
        formatter: function (params) {
          // 自定义显示的信息，这里是数量和金额
          return `${params.data.name} ${params.data.count}\n\n${params.data.amount} 元`
        },
        fontSize: 12,
        color: '#fff',
      },