echart 圆饼图NAN%显示结果是啥

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echart 圆饼图NAN%显示结果是啥相关的知识,希望对你有一定的参考价值。

遇到这样一个问题,使用echart做的一个圆饼图,如图所示,结果由于在后台取数的时候,两者都是0,然后使用echart中的tooltip这一项的formatter: "a <br/>b: c (d%)",展示出来的百分比单位却是NAN%,有谁知道怎么处理吗?代码如下:var impSuccessRateChart = echarts.init(document.getElementById('impSuccessRate'));var successRateOption = title : text: '导入', x:'center' , tooltip : trigger: 'item', formatter: "a <br/>b: c (d%)" , legend: orient: 'vertical', right: 'right', data: ['成功','失败'] , series : [ name: '导入', type: 'pie', radius : '60%', center: ['50%', '50%'], data:[ value:0, name:'成功', value:0, name:'失败' ], itemStyle: emphasis: shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' , ] ;impSuccessRateChart.setOption(successRateOption);

var result = "8月":200,"6月":600,"7月":700,"1月":100,"5月":500,"3月":300,"2月":200,"11月":1100,"9月":900,"4月":400,"12月":1200,"10月":1000;
var arr = [];
for(var key in result)
arr.push(
name:key,
value:result[key]
);

console.log(arr); //"["name":"8月","value":200,"name":"6月","value":600,"name":"7月","value":700,"name":"1月","value":100,"name":"5月","value":500,"name":"3月","value":300,"name":"2月","value":200,"name":"11月","value":1100,"name":"9月","value":900,"name":"4月","value":400,"name":"12月","value":1200,"name":"10月","value":1000]"追问

答非所问,我要的不是怎么填充数据,我要知道成功跟失败都是0的情况下为什么显示的百分比的单位是NAN%,我在官网上面测试过了又是正常的

参考技术A 我也出现这个问题了请问您解决了吗

以上是关于echart 圆饼图NAN%显示结果是啥的主要内容,如果未能解决你的问题,请参考以下文章

echarts怎么控制圆饼图的大小

nan是啥意思

nan是啥意思

利用js来画图形(例如:条状图,圆饼图等)

echarts地图中南海诸岛tip提示框显示NaN问题

echarts饼状图不能显示title,求大神告知