ECharts中图表百分比（%）的实现方式

最新推荐文章于 2025-02-24 14:42:44 发布

赵小默

最新推荐文章于 2025-02-24 14:42:44 发布

阅读量7.1k

点赞数

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_32848943/article/details/119750677

版权

echarts 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了Echarts图表库中tooltip的formatter参数使用，讲解了如何自定义数据显示格式，包括折线图、柱状图、散点图和饼图等不同类型的图表。同时，还阐述了如何修改横轴和纵轴的axisLabel显示，以实现更个性化的数据展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

①使用echarts中 formatter参数

例如：

tooltip: {
             trigger: 'item',
             formatter:'{c}%'　　
     },

注：变量a、b、c在不同图表中代表数据的意义：
折线（区域）图、柱状（条形）图: a（系列名称），b（类目值），c（数值）, d（无）
散点图（气泡）图 : a（系列名称），b（数据名称），c（数值数组）, d（无）
饼图、雷达图 : a（系列名称），b（数据项名称），c（数值）, d（百分比）

{Function}，传递参数列表如下：
<Array> params : 数组内容同模板变量，[[a, b, c, d], [a1, b1, c1, d1], ...]
<String> ticket : 异步回调标识
<Function> callback : 异步回调，回调时需要两个参数，第一个为前面提到的ticket，第二个为填充内容html

②修改横轴或者纵轴的axisLabel显示