旅游景点 旅游攻略 日本旅游 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游

echarts饼图如何自定义格式化扇区文字与百分比

时间:2024-10-14 00:18:51

1、打开任一浏览器,进入echarts官网的实例界面,点击左侧的饼图菜单,再点击右边的【Referer of a website】饼图实例

echarts饼图如何自定义格式化扇区文字与百分比

3、仔细观察左侧的配置项,你会发现,series范围内的data数据中,并没有提供百分比的值

echarts饼图如何自定义格式化扇区文字与百分比

5、如果要格式化扇区文字,是不是也可以参考tooltip中的格式化方法呢?在series的data前面添加如下的信息,formatter后面的内容完全使用tooltip中的formatter内容: label: { normal: { show: true, formatter: "{a} <br/>{b} : {c} ({d}%)" } }

echarts饼图如何自定义格式化扇区文字与百分比

7、修改第五步中的换行符就可以正常显示了,而且,想要自定义内容,都可以在formatter中填写

echarts饼图如何自定义格式化扇区文字与百分比
© 途途旅游