476
社区成员
发帖
与我相关
我的任务
分享Echarts-noDataLoadingOption显示不了暂无数据动画？
开发四年只会写业务代码，分布式高并发都不会还做程序员？->>>
为什么我用了Echarts-noDataLoadingOption，但是在页面展示serise中data无数据时，没有动画显示？饼图是一片空白。折线图和柱形图有个横坐标和纵坐标但无数据。
求大神指点：下面是折线图的代码
var myChart = echarts.init(document.getElementById('hitory'));
option = {
title: {
text:titlename,
left: 'center'
},
noDataLoadingOption:{
effect:'whirling',
text:'暂无数据',
textStyle:{
fontSize : 20
}
},
tooltip: {
trigger: 'axis',
axisPointer: {
animation: true
},
},
legend: {
data:vname_cn,
x: 'right'
},
grid: {
left: '3%',
right: '4%',
bottom: '8%',
containLabel: true
},
dataZoom: [{
show: true,
realtime: true,
start: 0,
end: 100
},
{
type: 'inside',
realtime: true,
start: 0,
end: 100
}],
xAxis: {
type: 'category',
data: xdata.map(function (str) {
return str.replace(' ', '\n');
}),
axisLabel: {
interval:'auto',
},
splitLine: {
show: false
},
boundaryGap: false,
},
yAxis: {
name:labelname,
type:'value',
splitNumber: 3,
splitLine: {
show: false
}
},
series: []
};
for(var i=0;i<vname.length;i++){
var ydata=vname[i];
var linedata=datanumber[ydata];
var seriesData={
name:"数据",
type:'line',
data:[],
hoverAnimation: false,
symbolSize: 6,
showSymbol: false
};
option.series.push(seriesData);
}
myChart.setOption(option,true);
...全文
请发表友善的回复…
发表回复
