搜索

首页  >  问答  >  正文

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个数据显示有问题

巴扎黑巴扎黑2797 天前543

全部回复(3)我来回复

  • 怪我咯

    怪我咯2017-05-19 10:30:55

    没有问题,是对的,所有的数据都显示出来的,只是有的数据点没有显示出来,默认是这样的,你在

        series: [{
            name: '最近7日浏览量',
            type: 'line',
            data: [5, 20, 36, 10, 10, 20, 20]
        }]

    这里面加showAllSymbol:true 这个配置,那么所以的点就会显示出来。

    回复
    0
  • 仅有的幸福

    仅有的幸福2017-05-19 10:30:55

    没丢啊,兄弟

    回复
    0
  • ringa_lee

    ringa_lee2017-05-19 10:30:55

    我拿你的配置试过了,没毛病,在仔细看一下吧

    回复
    0
  • 取消回复