echarts的lable如何使用

ECharts 的 label 是用于显示数据标签的组件，可以在图表中显示数据的名称、数值、比例等信息，以便更直观地展现数据。label 主要有以下几种用法：

在柱状图、折线图等图表中，可以在每个数据点上显示数据标签。

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'bar',
    label: {
      show: true,
      position: 'top'
    }
  }]
};

在饼图、漏斗图等图表中，可以在每个数据项上显示数据标签。

option = {
  series: [{
    name: '访问来源',
    type: 'pie',
    radius: '55%',
    data: [
      {value: 235, name: '视频广告'},
      {value: 274, name: '联盟广告'},
      {value: 310, name: '邮件营销'},
      {value: 335, name: '直接访问'},
      {value: 400, name: '搜索引擎'}
    ],
    label: {
      show: true,
      formatter: '{b}: {d}%'
    }
  }]
};

在地图、散点图等图表中，可以在每个数据点上显示数据标签。

option = {
  tooltip: {
    trigger: 'item',
    formatter: '{b}: {c}'
  },
  series: [{
    name: '全国',
    type: 'map',
    mapType: 'china',
    label: {
      show: true,
      formatter: '{b}'
    },
    itemStyle: {
      normal: {
        areaColor: '#fff',
        borderColor: '#999'
      },
      emphasis: {
        areaColor: '#999',
        borderColor: '#fff'
      }
    },
    data: [
      {name: '北京', value: 100},
      {name: '上海', value: 200},
      {name: '广州', value: 300},
      {name: '深圳', value: 400},
      {name: '杭州', value: 500}
    ]
  }]
};

通过设置 label 的属性，可以自定义数据标签的样式、位置、内容等。常用的属性包括：

show：是否显示数据标签，默认为 false。
position：数据标签的位置，可以是 top、right、bottom、left、inside、insideLeft、insideRight、insideTop、insideBottom、insideTopLeft、insideBottomLeft、insideTopRight、insideBottomRight 等值。
formatter：数据标签的内容格式化函数，可以是字符串模板或回调函数。
color：数据标签的文本颜色。
fontSize：数据标签的文本大小。
fontWeight：数据标签的文本粗细。
fontFamily：数据标签的文本字体。
backgroundColor：数据标签的背景色。
borderColor：数据标签的边框颜色。
borderWidth：数据标签的边框宽度。
borderRadius：数据标签的边框圆角大小。
padding：数据标签的内边距大小。
shadowBlur：数据标签的阴影模糊大小。
shadowColor：数据标签的阴影颜色。
shadowOffsetX：数据标签的阴影水平偏移大小。
shadowOffsetY：数据标签的阴影垂直偏移大小。

更多 label 的使用方法和属性可以参考 ECharts 官方文档。