请问我这段JS代码，作echarts柱状图为什么不显示

Question

window.onload = function(){
        initLine1();
        function initLine1() {
            var mychart = echarts.init(document.getElementById("chart"));
            var series_data = [];
            var series_data2 = [];
            var series_data3 = [];
            var poi = [];
            {% for i in obj %}
               series_data.push([])
               series_data2.push([])
               series_data3.push([])
               poi.push([])
            {% endfor %}
            {% for i in obj %}
            var n = Number({{forloop.counter}} - 1)
            series_data[n].push({{ i.canopy_temperature_ave }})
            series_data2[n].push({{ i.canopy_temperature_max }})
            series_data3[n].push({{ i.canopy_temperature_min }})
            poi[n].push({{ i.insect_quantity }})
            {% endfor %}
            console.log(series_data)
            console.log(series_data2)
            console.log(series_data3)
            console.log(poi)
            var series_lists = [{type: "bar",data: series_data},{type: "bar",data: series_data2},{type: "bar",data: series_data3}];
            //console.log(series_lists)
            var option = {
                xAxis: {
                    type: "category",
                    data: poi
                        },
                yAxis: {
                    min:20,
                    max:36,
                    interval:2,
                    splitLine: { //多条横线
                            show: true
                                },
                    type: "value"
                        },
                series: series_lists
                           };
            mychart.setOption(option);
            };
}

而且查看控制台发现已经拿到数据了

目前图长这样！

如有帮助必采纳，解决了可以＋付费 谢谢！

Answer 1

你这数据结构有问题啊，为什么都是些二维数组，不该是一维的吗？