当前位置: 首页> 健康> 养生 > echarts中formatter里的{a},{b},{c},{d}代表什么

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

时间:2025/8/23 21:41:26来源:https://blog.csdn.net/m0_48300767/article/details/142311642 浏览次数:0次

在 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;}
}
关键字:echarts中formatter里的{a},{b},{c},{d}代表什么

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: