代码之家  ›  专栏  ›  技术社区  ›  Glen

JavaScript数组JSON。解析(字符串)

  •  0
  • Glen  · 技术社区  · 7 年前

    我正在使用eCharts(一个JavaScript图表库),我的脑海里有一些东西。这些示例将以下代码用于markLine(它按预期工作)

    markLine : {
        symbol: 'none',
        tooltip: {show: false},
        itemStyle:{
            normal:{
                lineStyle:{
                    type: 'solid',
                    color: '#CCCCCC'
                },
                tooltip:{
                    show: false
                }
            }
        },
        data: [ [{ "xAxis" : 250, "yAxis" : 0 }, {"xAxis": 250, "yAxis" : 250 }] ]
    }
    


    注意:为了简单起见,我收到的JSON信息与名为arrayString的字符串相同

    markLine : {
        symbol: 'none',
        tooltip: {show: false},
        itemStyle:{
            normal:{
                lineStyle:{
                    type: 'solid',
                    color: '#CCCCCC'
                },
                tooltip:{
                    show: false
                }
            }
        },
        data: (function (){
            var res = [];
            var arrayString = "";
    
            arrayString = '[{ "xAxis" : 250, "yAxis" : 0 }, {"xAxis": 250, "yAxis" : 250 }]';
            res = JSON.parse(arrayString);
    
            return res;
        })()
    }
    

    当我运行JSON时。解析代码图表不会显示,但如果我使用控制台。记录“res”的值。数组似乎已正确创建。

    参考文献:
    http://echarts.baidu.com/echarts2/doc/example/line1.html#-en
    http://echarts.baidu.com/echarts2/doc/example/bar13.html#-en

    1 回复  |  直到 7 年前
        1
  •  1
  •   Nick    7 年前

    您是否应该将其添加到res数组中,而不是过度渲染?

    res.push(JSON.parse(arrayString));