echarts 显示数据出现问题,json取出数据后无法显示

如图,想显示的数据如图:
图片说明

这数据是直接写死的,代码如下:

 <body>
    <div id="line" style="width:600px; height: 400px;float:right"></div>
</body>


<script type="text/javascript">
    $(function() {
        loaderBar();
    });

    function loaderBar() {

        var myChart = echarts.init(document.getElementById('line'));

        var dataAll = [ 389, 259, 262, 324, 232, 176, 196, 214, 133, 370 ];

        var yAxisData = [ '原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7',
                                '原因8', '原因9', '原因10' ];

        var option = {
            backgroundColor : '#0f375f',
            title : [ {
                text : "投诉原因TOP10",
                x : '10%',
                y : '1%',
                textStyle : {
                    color : "#fff",
                    fontSize : "14"
                }
            }, ],
            grid : [ {
                x : '20%',
                y : '7%',
                width : '45%',
                height : '90%'
            }, ],
            tooltip : {
                formatter : '{b} ({c})'
            },
            xAxis : [ {
                gridIndex : 0,
                axisTick : {
                    show : false
                },
                axisLabel : {
                    show : false
                },
                splitLine : {
                    show : false
                },
                axisLine : {
                    show : false
                }
            }, ],
            yAxis : [ {
                gridIndex : 0,
                interval : 0,
                data : yAxisData.reverse(),
                axisTick : {
                    show : false
                },
                axisLabel : {
                    show : true
                },
                splitLine : {
                    show : false
                },
                axisLine : {
                    show : false,
                    lineStyle : {
                        color : "white"
                    }
                },
            } ],
            series : [ {
                name : '投诉原因TOP10',
                type : 'bar',
                xAxisIndex : 0,
                yAxisIndex : 0,
                barWidth : '45%',
                itemStyle : {
                    normal : {
                        color : 'blue'
                    }
                },
                label : {
                    normal : {
                        show : true,
                        position : "right",
                        textStyle : {
                            color : "white"
                        }
                    }
                },
            data : dataAll.sort(),
            },

            ]
        };
        myChart.setOption(option); 

</script>

但是我把它动态用ajax调用的时候,就无法显示数据了,代码如下:

<body>
    <div id="line" style="width:600px; height: 400px;float:right"></div>
</body>


<script type="text/javascript">
    $(function() {
        loaderBar();
    });


    function loaderBar() {

        var myChart = echarts.init(document.getElementById('line'));

        var dataAll = [/* 389, 259, 262, 324, 232, 176, 196, 214, 133, 370 */];

        var yAxisData = [/*  '原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7',
                        '原因8', '原因9', '原因10'  */];

    var option = {
            backgroundColor : '#0f375f',
            title : [ {
                text : "投诉原因TOP10",
                x : '10%',
                y : '1%',
                textStyle : {
                    color : "#fff",
                    fontSize : "14"
                }
            }, ],
            grid : [ {
                x : '20%',
                y : '7%',
                width : '45%',
                height : '90%'
            }, ],
            tooltip : {
                formatter : '{b} ({c})'
            },
            xAxis : [ {
                gridIndex : 0,
                axisTick : {
                    show : false
                },
                axisLabel : {
                    show : false
                },
                splitLine : {
                    show : false
                },
                axisLine : {
                    show : false
                }
            }, ],
            yAxis : [ {
                gridIndex : 0,
                interval : 0,
                /* data : yAxisData.reverse(), */
                axisTick : {
                    show : false
                },
                axisLabel : {
                    show : true
                },
                splitLine : {
                    show : false
                },
                axisLine : {
                    show : false,
                    lineStyle : {
                        color : "white"
                    }
                },
            } ],
            series : [ {
                name : '投诉原因TOP10',
                type : 'bar',
                xAxisIndex : 0,
                yAxisIndex : 0,
                barWidth : '45%',
                itemStyle : {
                    normal : {
                        color : 'blue'
                    }
                },
                label : {
                    normal : {
                        show : true,
                        position : "right",
                        textStyle : {
                            color : "white"
                        }
                    }
                },
                /* data : dataAll.sort(), */
            },

            ]
        };
        /* myChart.setOption(option); */

        var dataAll = [389, 259, 262, 324, 232, 176, 196, 214, 133, 370];

        var yAxisData = ['原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7',
                        '原因8', '原因9', '原因10'];

        $.ajax({

            type : 'get',
            url : 'json/indexdata.json',//请求数据的地址
            dataType : "json", //返回数据形式为json
            success : function(result) {
                //请求成功时执行该函数内容,result即为服务器返回的json对象
                $.each(result.rankList, function(index, item) {
                    yAxisData.push(item.name); //挨个取出类别并填入类别数组                    
                    dataAll.push(item.count); //挨个取出销量并填入销量数组
                }); 
                myChart.hideLoading();  
                /* alert(yAxisData);
                alert(dataAll);
                return ;  */
                option.yAxis.data=yAxisData;
                option.series.data=dataAll;
                myChart.setOption(option);  

            }

        });



    }
</script>

数据是能够拿到,但是现在图表无法显示出来。
图片说明

哪位大佬帮忙看看,感谢呀,江湖救急!

0

7个回答

 <script type="text/javascript">
    $(function() {
        loaderBar();
    });


    function loaderBar() {
        $.ajax({
            type : 'get',
            url : 'json/indexdata.json',//请求数据的地址
            dataType : "json", //返回数据形式为json
            success : function(result) {
                //请求成功时执行该函数内容,result即为服务器返回的json对象
                $.each(result.rankList, function(index, item) {
                    yAxisData.push(item.name); //挨个取出类别并填入类别数组                    
                    dataAll.push(item.count); //挨个取出销量并填入销量数组
                }); 
                                drawChart(dataAll,yAxisData);
            }

        });

    }

        var drawChart = function(data,yAxisData){

                var myChart = echarts.init(document.getElementById('line'));

                var option = {
                                backgroundColor : '#0f375f',
                                title : [ {
                text : "投诉原因TOP10",
                x : '10%',
                y : '1%',
                textStyle : {
                    color : "#fff",
                    fontSize : "14"
                }
            }, ],
            grid : [ {
                x : '20%',
                y : '7%',
                width : '45%',
                height : '90%'
            }, ],
            tooltip : {
                formatter : '{b} ({c})'
            },
            xAxis : [ {
                gridIndex : 0,
                axisTick : {
                    show : false
                },
                axisLabel : {
                    show : false
                },
                splitLine : {
                    show : false
                },
                axisLine : {
                    show : false
                }
            }, ],
            yAxis : [ {
                gridIndex : 0,
                interval : 0,

                axisTick : {
                    show : false
                },
                axisLabel : {
                    show : true
                },
                splitLine : {
                    show : false
                },
                axisLine : {
                    show : false,
                    lineStyle : {
                        color : "white"
                    }
                },
            } ],
            series : [ {
                name : '投诉原因TOP10',
                type : 'bar',
                xAxisIndex : 0,
                yAxisIndex : 0,
                barWidth : '45%',
                itemStyle : {
                    normal : {
                        color : 'blue'
                    }
                },
                label : {
                    normal : {
                        show : true,
                        position : "right",
                        textStyle : {
                            color : "white"
                        }
                    }
                },
               data : data.sort(),
            },

            ]
        };
       myChart.setOption(option); 
        }
</script>
0

这个原因是你ajax返回的数据格式不正确导致的。你把你默认写死的数据和你ajax返回的数据拿出来进行对比看下这两个数据格式的差异在哪里就知道了。
这种差异包括括号的差异,必须保证一模一样就行了

0
qq_22701921
指尖1993 好的,我来看看,感谢
大约一年之前 回复

你应该用返回的参数result用JSON.parse(result)来转成数组

0
qq_22701921
指尖1993 我试试,谢谢
大约一年之前 回复

可是我把这个重新定义,放到这个执行的里面去,依然没有办法显示哎。

 var dataAll = [389, 259, 262, 324, 232, 176, 196, 214, 133, 370];

        var yAxisData = ['原因1', '原因2', '原因3', '原因4', '原因5', '原因6', '原因7',
                        '原因8', '原因9', '原因10'];

        $.ajax({

            type : 'get',
            url : 'json/indexdata.json',//请求数据的地址
            dataType : "json", //返回数据形式为json
            success : function(result) {

                /* $.each(result.rankList, function(index, item) {
                    yAxisData.push(item.name); //挨个取出类别并填入类别数组                    
                    dataAll.push(item.count); //挨个取出销量并填入销量数组
                }); */
                myChart.hideLoading();  

                option.yAxis.data=yAxisData;
                option.series.data=dataAll;
                myChart.setOption(option);  

            }

        });

0
qq_22701921
指尖1993 回复a1024271896: 我来看看数据是不是不一样
大约一年之前 回复
qq_22701921
指尖1993 回复a1024271896: 主要是前台没有报错,所以有点儿坑。
大约一年之前 回复
a1024271896
夏天wx:a1024271896 你看看你的前后台报的什么错误
大约一年之前 回复
a1024271896
夏天wx:a1024271896 而且你的x,y轴本身里面就有数据,是不是加的时候拼接的有问题
大约一年之前 回复

success : function(result) {
var result = JSON.parse(result); //你试试加这行试一下,这个就是将后台传过来的json格式转换成js用的格式.
/* $.each(result.rankList, function(index, item) {

0

建议看下你的Ajax回调是进入success方法还是error方法,然后才能确认问题。

关于这个问题,我之前写过一篇博客可以参考下:
https://blog.csdn.net/ejiao1233/article/details/81222792

希望能帮到你。

0
qq_22701921
指尖1993 谢谢,是进入了success的一端,数据已经拿到,但是展现出现了问题
大约一年之前 回复

解决了。我把它放在下面了:

 function loaderBar() {
        var myChart = echarts.init(document.getElementById('line'));
        var dataAll = [];

        var yAxisData = [];

        $.ajax({

            type : 'get',
            url : 'json/indexdata.json',//请求数据的地址
            dataType : "json", //返回数据形式为json
            success : function(result) {
                if (result) {
                    $.each(result.rankList, function(index, item) {
                        yAxisData.push(item.name); //挨个取出类别并填入类别数组                    
                        dataAll.push(item.count); //挨个取出销量并填入销量数组
                    });

                    var option = {
                        backgroundColor : '#0f375f',
                        title : [ {
                            text : "投诉原因TOP10",
                            x : '10%',
                            y : '1%',
                            textStyle : {
                                color : "#fff",
                                fontSize : "14"
                            }
                        }, ],
                        grid : [ {
                            x : '20%',
                            y : '7%',
                            width : '45%',
                            height : '90%'
                        }, ],
                        tooltip : {
                            formatter : '{b} ({c})'
                        },
                        xAxis : [ {
                            gridIndex : 0,
                            axisTick : {
                                show : false
                            },
                            axisLabel : {
                                show : false
                            },
                            splitLine : {
                                show : false
                            },
                            axisLine : {
                                show : false
                            }
                        }, ],
                        yAxis : [ {
                            gridIndex : 0,
                            interval : 0,
                            data : yAxisData.reverse(),
                            axisTick : {
                                show : false
                            },
                            axisLabel : {
                                show : true
                            },
                            splitLine : {
                                show : false
                            },
                            axisLine : {
                                show : false,
                                lineStyle : {
                                    color : "white"
                                }
                            },
                        } ],
                        series : [ {
                            name : '投诉原因TOP10',
                            type : 'bar',
                            xAxisIndex : 0,
                            yAxisIndex : 0,
                            barWidth : '45%',
                            itemStyle : {
                                normal : {
                                    color : 'blue'
                                }
                            },
                            label : {
                                normal : {
                                    show : true,
                                    position : "right",
                                    textStyle : {
                                        color : "white"
                                    }
                                }
                            },
                            data : dataAll.sort(),
                        }, ]
                    };
                    myChart.hideLoading();
                    myChart.setOption(option);
                }

            }

        });

    }

这样,弄好之后就可以了。

感谢各位

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于”echarts-JSON请求数据”一文读者反映chart无法显示数据的分析
问题原文地址:http://blog.csdn.net/you23hai45/article/details/51585506#reply 1.大家反馈的问题: 页面框架和图表框架都有,控制台也可以看到json文件的内容,但是就是不显示数据 2.先说自己的解决方法吧: 2.1解决办法: 2.2 浏览器端截图: 3.代码 3.1链接源代码:原文地址:http://blo
ECharts图表json数据格式获取和坐标数据显示不完整的问题
一、引入ECharts &amp;lt;script src=&quot;echarts.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;二、自定义构建图表1、定义一个div,放置图表(必须为div指定高度和宽度,否则表无法显示) &amp;lt;div id=&quot;chart&quot; style=&quot;width: 600px;height:400px;&quot;&amp;gt;&amp;lt;/div&amp;gt;2、在js代码中设置图表的样式,
解决Ajax获取到数据放入echarts里不显示最有效的解决方法
解决Ajax获取到数据放入echarts里不显示最有效的解决方法
echarts本地调试调用JSON地图无法显示问题处理
echarts本地调试调用JSON地图无法显示问题处理本地测试调用JS的MAP都能正常显示,但调用JSON的MAP文件,却无法显示,页面一片空白。一阵代码纠结后,才发现,把代码放WWW服务器上,地图立马显示出来。代码:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta http-equiv=&quot;content-type&quot;...
解决ajax获取到数据放到echarts无法显示的问题
   后台部分代码: returnMap.put(&quot;powerLevelCategories&quot;, powerLevelCategories); returnMap.put(&quot;powerLevelSeries&quot;, powerLevelSeries); try { response.setContentType(&quot;text/text;char...
react-native集成echarts打包后不显示的问题
1 修改 node_modules/native-echarts/src/components/Echarts/index.js文件 const source = Platform.OS === 'ios' ? require('./tpl.html') : { uri: 'file:///android_asset/tpl.html'} source...
ECharts显示后台传送的JSON数据
废话不多说,直接上代码: 一、定义一个后台数据保存类: public class BarDTO{ private String name; private String type; private List data; public String getName() { return name; } public void setName(String name) { t
echarts图表展示中,前端页面赋值无误,图表不能显示,有可能是封装的数据格式不正确
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; /*var data = {legendData:['行业协会','市场监管','公开市场','爬虫数据','车辆数据','车商数据','业务系统','车商ERP','深度'], xAxisData:['五月','六月','七月','八月','九月','十月','十一月'], ...
Echarts通过json从数据库获取实时数据实现动态仪表盘
发现Echarts 的仪表盘做的比hightcharts更漂亮,而且加载异步数据的方法更简单方便,所以用Echart做了仪表盘,并且采用jQuery的方法,可以大大精简代码语句,与大家分享,继续学习中。
ECharts开发实战(1) ---- ECharts获取Java后台JSON数据,渲染显示图表
ECharts开发实战(1) ---- ECharts获取Java后台JSON数据,渲染显示图表 1、前端页面中创建一个div,在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器,通常为div,ECharts图表渲染到此div中 <%@ page language="java" contentType="text/html; charset=UTF-8 2、前端js中实例化ECharts对象,获取Java后台的JSON字符串数据,解析后设置渲染参数 我们要做的就是对官网的示例进行改造,通
echarts 数值过大,有些数据会显示不全,log
1. 效果图如下所示: 改之前: 改之后: 2. 代码如下:只需要把需要的x轴或者y轴:type:"log",就行 var option = { tooltip: { trigger: 'axis', axisPointer: { type: 's...
pyecharts画图没有数据显示
主要是运行别人的代码的时候,出来的图片只有横纵坐标,没有数据显示。找了半天才发现是因为我的环境没有安装主题包。 Echart有自带的主题,但是pyecharts如果要使用其他主题的画,需要安装echarts-themes-pypkg包。它提供了 vintage, macarons, infographic, shine 和 roma等主题。 需要注意的是,没有安装该包,就使用该包就会导致图不能...
Echarts地图使用json数据显示方法
echarts3.0以后取消了内置地图,可用百度地图或json或js。 需要导入jquery、echarts和china地图的js文件。   我这里主要说明的是地图怎么加载出来,Echarts官网有很多Demo,很多人会问明明把例子的代码都复制HTML里了,js和地图也引用了,但是地图还是加载不出来。这是因为请求json数据需要服务器才能运行,这里推荐两种方式:一种是用php集成环境,p...
echarts图属性以及ajax异步加载echarts不显示问题
饼状图 &amp;amp;lt;div id=&amp;quot;yewuyuan&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; dataPic('yewuyuan'); function dataPic(x){ var my=$(&amp;quot;#my&amp;quot;).val(); var you=$(&amp;quot;#you&amp;quot;).val(); va
vue项目中使用echarts 遇到问题总结2
一:echarts图形的父级容器宽度设置为百分比形式,导致echarts变形;12解决方案:固定宽度没问题,只要设置成百分比,有的好用,有的不好用,只能将宽高设置为rem,好在相差不大;二:vue-cli项目下使用 vue的tab切换3个不同的echarts图表,未打包正常显示,打包后部分样式加载不出来,导致tab切换的默认显示的echarts显示不出来,f12发现是宽高已经加上,但是echart...
ECharts 标准饼图 动态获取json数据
ECharts 标准饼图 动态获取json数据
echarts异步数据加载使用总结
Controler    @RequestMapping(value="/toEchart",method=RequestMethod.POST,produces={"application/json;charset=UTF-8"}) @ResponseBody public String toEchart(){     List list = new ArrayList();    
echarts 地图json数据全国省市(区县不显示)
echarts 地图json数据全国省市(区县不显示), 精确到市级。
echarts全国及各省地图js json数据
echarts全国及各省地图js json数据 全国 及 各省的地图数据
echarts中国地图数据(包含js及json数据)
百度因为政策原因停止下载,为各位提供方便,欢迎下载
echarts map地图数据Json制作教程
首先来一个echarts map地图使用的教程(对应地图的数据包我的下载里有 echarts地图离线数据包 有需要的可以自行下载或在博客下留言我会单独发你) &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;
vue+echarts实现图表(含踩过的坑,包括获取动态数据图表不显示数据,echarts不同类型图表组件封装以柱状图为例)
Echarts在Vue中的安装命令,参考Echarts官网:在webpack中使用Echarts(链接:https://www.echartsjs.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts)。 使用npm安装命令是:npm install echarts --save 安装成功之后...
echarts地图 json数据 和 后套动态数据加载
$(function () { zbw(); }); var contentzbw= "../../static/assets/js/map/"function zbw() { var myChart = echarts.init(document.getElementById("henanmap"));
echarts图表显示问题
在iframe中加载实现了echarts的图表的页面,有的时候会出现无法显示的问题,需要重载一下iframe引入的页面:尤其是在火狐浏览器上面,火狐似乎对iframe支持不大友好,不能执行加载目标页面的onload方法
免费获取echarts需要的省市县(区)的json数据
因为最近项目需要用echarts引入地图,最关键还是县一级的地图。所以今天找了好多资料,好多是要积分,而且还不是详细,只是到省市,满足不了我的需求,现在实现了一个效果,所以对资料做个整理: 先看效果:(注意县级是底了,乡镇是实现不了的) 方法一: http://datav.aliyun.com/tools/atlas/#&amp;lat=24.9792116201569&amp;lng=...
ECharts获取后台json数据
ECharts给的实例中,数据都是固定的,如果想要动态绑定数据,就需要从后台查询,然后返回数据给echarts来生成图表。本文以柱状图为例,介绍了前台如何获取后台返回的数据,来显示图表的流程。本文分为前台和后台两部分叙述: 前台: 1. 为图标的显示声明一个具有宽高的DOM元素 2. 引入echarts主文件,同时引入jquery包,用于发送ajax请求到后台 3. 为模块加载器配
element-ui tab切换加载echarts无法正常显示问题
element-ui tab切换时候,第一个图正常显示,第二个及之后的图无法正常显示问题: 解决方法:  设置当前key值与v-model绑定的值一致时才加载图表。 &amp;lt;el-tabs v-model=&quot;activeName&quot; type=&quot;border-card&quot;&amp;gt; &amp;lt;el-tab-pane v-for=&quot;item in tabMapOptions&quot; :la...
echarts使用ajax接收json数据完成南丁格尔玫瑰图
首先从官网上找到南丁格尔玫瑰图的源码 官网链接-&amp;amp;gt;https://echarts.baidu.com/examples/editor.html?c=pie-custom 修改后可以正确运行的代码如下: &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-
echarts地图扩展所有县级geoJson
echarts地图扩展geoJson文件,包括全国所有的主要城市数据、包括所有省、市、县级地图坐标数据
echarts全国及各省地理json数据
echarts 全国及各省地理 json 数据(echarts官网不能下载了)
bootstrap-dialog弹出的echarts图表显示空白问题
项目中有个需要点击然后弹出echarts图表的功能要实现,但是实际使用过程中弹出的echarts图表显示为空白;后注意到dialog的形式不管是链接的另一个页面还是当前页面的某个隐藏div,实际上最终都是属于触发弹出窗的母体的;于是采用iframe的方式进行了页面隔离,这样就属于两个页面了,之间就不会互相干扰了
echarts全国和省级地图
中国echarts地图数据与全国各省级echarts地图数据,包含了.js和.json
JSON数据处理及与echarts结合使用时所需要的问题
data部分传入的数据要求是数组如果是json数据 需要做出解析后变成数据才可以使用 1. var str = “[‘研发部’,’研发部’,’研发部’,’研发部’]”; var strData = eval(“(“+str+”)”); //数组对象2. var data = new Array(); //数组对象 data.push(“研发部”); data.push(“客服部”);
可视化编程---echarts动态加载json数据(线性图、柱状图)
首先,编写代码之前,先下载好jquery和echarts包,及你要显示的json数据 jquery下载地址:https://jquery.com/ echarts下载地址:https://echarts.baidu.com/dist/echarts.min.js 这是我的json数据(给大家参考) data01.json {"data":[{"sex":"男","value":45...
echarts地图 本地json文件无法引入问题
在eclipse中使用jetty运行地图,可正常显示。将程序打包后使用tomcat运行,则提示找不到本地地图json文件(本地文件存在,路径无误) json路径为:/json/湖北/湖北.json 思路: 上百度搜索该问题后,百度上查不到相应的问题 将json文件的url均改成英文后可正常访问: /json/hubei/hubei.json,推断出可能是编码的问题。 随后
关于ECharts在jsp页面无法显示的问题
关于ECharts在jsp页面无法显示 问题一,HTML5到底能不能在jsp页面显示 html5是html标准,属于w3c,是html标准的延伸,所有浏览器展示页面基本都是html的。所以我还是不太明白 问题二,ECharts引用的js是哪个文件 我引用了三个 这是百度的 这是官网的 下的完整版,名字是echarts.common.min.js 这个也是官网的 下的常用版,名字是e...
ECharts加载json数据解决方案
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;五分钟上手之散点图&lt;/title&gt; &lt;!-- 引入 echarts.js --&gt; ...
echarts3地图数据文件(含全国和省js以及全国、省、地市json文件)
echarts3目前已经不支持下载地图数据,此附件中包含了js和json两种数据格式,以及调用示例。 js格式,直接调用简单直接,但是数据只有全国概览和各省的数据,也就是只能看到地市级城市的地图。 json格式在html中不能直接调用执行,需要通过应用服务器,所以提供了jsp示例。 json格式的数据,提供了全国概览以及各省、地市级城市的数据,也就是可以看到县级的地图了。
广东省等echarts--省市县级地图json
echarts--省市县级地图json 包含各省市的地图数据、广东省等等。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
json数据传到前端,但是不显示
json数据传到前端,但是不显示 1、可能是前端的字段名和所传上的json数据不一致导致的 2、如果只是单纯写了json的数据文本,那么一定要把注释去掉,否则传来的数据将无法被识别,很重要。很重要。因为这个注释,花了5个小时才解决,很痛苦! ...