echarts中formatter里的{a},{b},{c},{d}代表什么

在 ECharts 中,formatter 属性常用于自定义标签或提示框中的内容。在不同的图表类型中,formatter 中的变量 {a}、{b}、{c}、{d} 有不同的含义:

1、折线图、区域图、柱状图、条形图、K线图:

  • {a}:系列名称(series.name)
  • {b}:类目值(通常是 x 轴的标签)
  • {c}:数值(series.data.value)
  • {d}:无

2、散点图、气泡图:

  • {a}:系列名称(series.name)
  • {b}:数据名称(通常是 x 轴的标签)
  • {c}:数值数组(series.data.value)
  • {d}:无

3、饼图、雷达图:

  • {a}:系列名称(series.name)
  • {b}:数据项名称(series.data.name)
  • {c}:数值(series.data.value)
  • {d}:百分比(series.data.percent)

4、地图:

  • {a}:系列名称(series.name)
  • {b}:区域名称(region name)
  • {c}:合并数值(merged value)
  • {d}:无

5、举例

使用 formatter 时,可用两种方式:

//1、直接写
label: {
    
    
  formatter: '{b}: {c}'
}
//2、回调方式 
tooltip: {
    
    
  formatter: function (params) {
    
    
    return '名称:' + params.name + '<br>值:' + params.value;
  }
}

猜你喜欢

转载自blog.csdn.net/m0_48300767/article/details/142311642