echarts pie 图表当名称太长时

Posted mxyr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts pie 图表当名称太长时相关的知识,希望对你有一定的参考价值。

当饼图的名称太长时,只显示几个字符,其余的。。。

 1 let use;
 2 use.setOption({
 3     tooltip: {
 4     trigger: ‘item‘,
 5        formatter: "{a} <br/>{b} : {c}MB ({d}%)"
 6      },
 7       series: [
 8             {
 9               name: ‘面积模式‘,
10               type: ‘pie‘,
11               radius: ‘60%‘,
12               center: [‘40%‘, ‘55%‘],
13               roseType: ‘area‘,
14               label: {
15                 fontSize: ‘16‘,
16                 formatter: function (value) {
17                   let res = value.name;//获取到名称
18                   if (res.length > 10) {
19                     res = res.substring(0, 9) + "..";
20                   }
21                   return res;
22                 }
23               },
24               data: [{name: ‘我是很长长长长长长的名字‘, value:20}]
25             }
26           ]
27 });
28 
29               
30     

 

以上是关于echarts pie 图表当名称太长时的主要内容,如果未能解决你的问题,请参考以下文章

ECharts常用图表 饼图

如何利用echarts图表获取条状图点击名称和值

ECharts 图表库

Echarts饼图显示模板

node后台生成echarts图表

echarts的简单应用之饼图