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屋！