echarts图表展示中,前端页面赋值无误,图表不能显示,有可能是封装的数据格式不正确

<script type="text/javascript">
    /*var data = {legendData:['行业协会','市场监管','公开市场','爬虫数据','车辆数据','车商数据','业务系统','车商ERP','深度'],
                xAxisData:['五月','六月','七月','八月','九月','十月','十一月'],
                series:[
                    {name:'行业协会',type:'bar',stack: '公开渠道',data:[320, 332, 301, 334, 390, 330, 320]},
                    {name:'市场监管',type:'bar',stack: '公开渠道',data:[120, 132, 101, 134, 90, 230, 210]},
                    {name:'公开市场',type:'bar',stack: '公开渠道',data:[220, 182, 191, 234, 290, 330, 310]},
                    {name:'业务系统',type:'bar',stack: '自建系统',data:[60, 72, 71, 74, 190, 130, 110]},
                    {name:'车商ERP',type:'bar',stack: '自建系统',data:[620, 732, 701, 734, 1090, 1130, 1120]},
                    {name:'深度',type:'bar',stack: '自建系统',data:[62, 82, 91, 84, 109, 110, 120]},
                    {name:'爬虫抓取',type:'bar',data:435489,markLine : {lineStyle: {normal: {type: 'dashed'}},data : [[{type : 'min'}, {type : 'max'}]]}},
                    {name:'车辆数据',type:'bar',stack: '爬虫抓取',barWidth:10,data:400276},
                    {name:'车商数据',type:'bar',stack: '爬虫抓取',barWidth:10,data:35213}]};*/
以上是图表不能显示的数据

  /* var data = "{legendData:['行业协会','市场监管','公开市场','爬虫数据','车辆数据','车商数据','业务系统','车商ERP','深度']," +
                "xAxisData:['五月','六月','七月','八月','九月','十月','十一月']," +
                "series:[{name:'行业协会',type:'bar',stack: '公开渠道',data:[500, 550, 600, 655, 788, 900, 220]}," +
                "       {name:'市场监管',type:'bar',stack: '公开渠道',data:[700, 500, 677, 1000, 1512, 500, 900]}," +
                "       {name:'公开市场',type:'bar',stack: '公开渠道',data:[220, 182, 191, 234, 290, 330, 310]}," +
                "       {name:'业务系统',type:'bar',stack: '自建系统',data:[1500, 72, 71, 74, 190, 130, 110]}," +
                "       {name:'车商ERP',type:'bar',stack: '自建系统',data:[620, 732, 701, 734, 1090, 1130, 1120]}," +
                "       {name:'深度',type:'bar',stack: '自建系统',data:[700, 82, 91, 84, 109, 110, 120]}," +
                "       {name:'爬虫抓取',type:'bar',data:[435489],markLine : {lineStyle: {normal: {type: 'dashed'}},data : [{type : 'min'}, {type : 'max'}]}}," +
                "       {name:'车辆数据',type:'bar',stack: '爬虫抓取',barWidth:10,data:[400276]}," +
                "       {name:'车商数据',type:'bar',stack: '爬虫抓取',barWidth:10,data:[35213]}]}";
*/
这个是能显示图表的数据。二者的区别就在于:data:有没有加方括号[],。data没有加方括号是不能显示的,加上后就没问题了。

猜你喜欢

转载自blog.csdn.net/yijiupingfan0914/article/details/79971291