option = { dataset: { source: [ ['热度值', '寺庙'], [462700, '白马寺'], [550900, '南山寺'], [711400, '大佛寺'], [720300,'寒山寺'], [919400, '少林寺'], [1378200, '法喜寺'], [1901400, '鸡鸣寺'], [2080500, '静安寺'], [3029200, '雍和宫'], [3955200, '灵隐寺'] ] }, title:{ text: '小红书热度值TOP10寺庙', x:'center', textAlign:'left' }, grid: { containLabel: true }, xAxis: { name: 'amount' }, yAxis: { type: 'category' }, visualMap: { orient: 'horizontal', left: 'center', min: 10, max: 100, text: [], dimension: 0, inRange: { color: ['#93b7e3', '#93b7e3', '#93b7e3'] } }, series: [ { type: 'bar', encode: { // Map the "amount" column to X axis. x: 'amount', // Map the "product" column to Y axis y: 'product' } } ] }在这段代码中添加代码使柱子右侧显示具体数值

你可以在 `series` 中的 `label` 属性中添加 `{show: true, position: 'right'}` 来显示柱子上的数值。修改后的代码如下：

option = {
  dataset: {
    source: [
      ['热度值', '寺庙'],
      [462700, '白马寺'],
      [550900, '南山寺'],
      [711400, '大佛寺'],
      [720300,'寒山寺'],
      [919400, '少林寺'],
      [1378200, '法喜寺'],
      [1901400, '鸡鸣寺'],
      [2080500, '静安寺'],
      [3029200, '雍和宫'],
      [3955200, '灵隐寺']
    ]
  },
  title:{
    text: '小红书热度值TOP10寺庙',
    x:'center',
    textAlign:'left'
  },
  grid: { containLabel: true },
  xAxis: { name: 'amount' },
  yAxis: { type: 'category' },
  visualMap: {
    orient: 'horizontal',
    left: 'center',
    min: 10,
    max: 100,
    text: [],
    dimension: 0,
    inRange: {
      color: ['#93b7e3', '#93b7e3', '#93b7e3']
    }
  },
  series: [
    {
      type: 'bar',
      encode: {
        // Map the "amount" column to X axis.
        x: 'amount',
        // Map the "product" column to Y axis
        y: 'product'
      },
      label: {
        show: true,
        position: 'right'
      }
    }
  ]
}

这样就能在柱子右侧显示具体数值了。