echarts表格动态显示

Question

echarts表单，实现y轴获取数据库数据

const lineOption = {
        title: {text: '患者核酸折线图'},
        tooltip: {trigger: 'axis'},
        legend: {data: ['患者1核酸']},
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },

        yAxis: {type: 'value'},
        series: [
            {
                name: '患者1核酸',
                type: 'line',
                data:[]
            },
        ]
    };

ajax请求数据库

  let lineChart = echarts.init(document.getElementById('line'));
                 $.ajax({
                     url:"/api/huanzhehe",
                     dataType: 'json',
                     success: function(result){
                        console.log(result.data);
                        for (var i=0;i<result.length;i++){
                            lineOption.data[i]=result.data.nucleic[i];
                        }
                        lineChart.setOption(lineOption);
                     }
                 })

前台echarts显示不了

Answer 1

你可以先不请求接口，先使用静态数据，看看显示不显示。如果依然不显示，这时候就是数据的问题。
如果显示的话，就是异步数据刷新的问题。