javascript - echart数据显示丢失
本文介绍了javascript - echart数据显示丢失的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
代码是这样的
;(function(){
var lineChart = echarts.init(document.getElementById('sparkline'));
// 指定图表的配置项和数据
var option = {
color: ['#fff'],
grid: {
bottom: 0,
top: 0,
left: 0,
right: 0
},
tooltip: {
show: true,
trigger: 'item',
formatter: '{b} : {c}'
},
xAxis: {
show: false,
data: ['星期一','星期二','星期三','星期四','星期五','星期六','星期日']
},
yAxis: {
show: false
},
series: [{
name: '最近7日浏览量',
type: 'line',
data: [5, 20, 36, 10, 10, 20, 20]
}]
};
// 使用刚指定的配置项和数据显示图表。
lineChart.setOption(option);
})()
显示出来的图标是这样的
只显示了6个数据,还有3个和第5个数据显示有问题
解决方案
没有问题,是对的,所有的数据都显示出来的,只是有的数据点没有显示出来,默认是这样的,你在
series: [{
name: '最近7日浏览量',
type: 'line',
data: [5, 20, 36, 10, 10, 20, 20]
}]
这里面加showAllSymbol:true 这个配置,那么所以的点就会显示出来。
这篇关于javascript - echart数据显示丢失的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文