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饼图如何自定义格式化扇区文字与百分比
  • css3过渡效果怎么用,怎样设置div的过渡效果
  • Android Studio怎么导入OkHttp
  • Navicat 如何设置外键约束
  • thinkphp如何在html页面输出数据库数据
  • PowerDesigner使用教程之-导出SQL方法
  • 热门搜索
    通辽旅游景点大全 长滩岛旅游 天津塘沽旅游攻略 山西平遥古城旅游攻略 山西大同旅游景点大全 遵义旅游必去景点 旅游景点大全介绍 九江旅游景点大全 旅游时跟妈妈有了关系 湖南省旅游攻略