深入echarts学习加载跨域异步本地json数据的防坑录

　　1 说明：
　　=====
　　1.1 推荐指数：★★★★
　　1.2 网上这方面说明，大多模棱两可，坑很多，讲透彻的不多，故本人做一个小结。
　　1.3 我曾介绍echarts的简单基本用法：
　　《Echarts：是一个百度的开源的、强大的、傻瓜式数据可视化js库》
　　1.4 今日深入介绍如何加载本地json数据，因为可能如果数据较多或者较大时，比较适合json文件格式。
　　1.5 本文属于html和服务器的基本知识，暂时不属于python，部分条友暂时可以了解，只是回应一个条友的问题。
　　掉坑过么？看这篇你就透彻了。
　　2 模拟异步加载数据：
　　================
　　2.1 在线引用2个js文件，注意为了便于阅读，尤其是手机阅读，代码尽量向左对齐。
　　2.2 代码：ybecharts1.html                
　　2.3 效果图：
　　3 本地json加载：
　　============
　　3.1 文件夹：ybecharts2
　　3.2 文件夹ybecharts2：下有三个文件：
　　3.3 ybecharts2.html代码：                                   
　　3.4 ybecharts2.js代码：jQuery(document).ready(function($) {  var myChart = echarts.init(document.getElementById(＂main＂));  var  option = {     title : {//标题         text: ＂Html学院男女数据统计＂,         subtext: ＂2020年＂     },     tooltip : {         trigger: ＂axis＂     },     legend: {//图例：2组：男女         data:[＂男＂,＂女＂]     },     toolbox: {//工具框         show : true,         feature : {             mark : {show: true},             dataView : {show: true, readOnly: false},             magicType : {show: true, type: [＂line＂, ＂bar＂]},             restore : {show: true},             saveAsImage : {show: true}         }     },     calculable : true,     xAxis : [//x轴         {             type : ＂category＂,             data : []//对应院系数据         }     ],     yAxis : [//y轴         {             type : ＂value＂         }     ],     series : [         {             name:＂女＂,             type:＂bar＂,             data:[],//对应下面数据中的女数据              itemStyle: {                 normal: {                     label : {                         show: true, position: ＂top＂                     }                 }             }           },         {             name:＂男＂,             type:＂bar＂,             data:[],//对应下面男数据              itemStyle: {                 normal: {                     label : {                         show: true, position: ＂top＂                     }                 }             }           }     ] };   //设置图表 myChart.setOption(option); //获取和处理数据，加载本地json，异步和跨域 $.getJSON(＂ybdata2.json＂,function(json){     var d=json.data;     var nanlist = [];//男     var nvlist = [];//女     var deplist=[];//院系名称 // 循环获取男生数量，女生数量及院系名称 for(var i=0;i

孩子爱吃的唐扬鸡块，搭配沙拉酱蘸着吃，外酥里嫩有营养，真解馋大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。相对于鸡肉来说，笔者感觉应该是老少皆宜的肉食美味。毕竟它低脂高孩子爱吃的鸡翅美味，搭配蟹味菇，美味又解馋，吃了一次还想吃大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。相对于很多孩子来说，他们对于鸡翅这款食材应该非常爱吃。毕竟对于孩子爱吃的香菇鸡蛋酱，拌饭拌面太美味，烹饪简单，营养解馋大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。在我们的日常生活中，相信很多人家中的冰箱里面总会备几款可口的酱分享一款四川美食，外脆里糯，甜香味美，解馋又好吃的育儿美食大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。在我们的日常生活中，相信无论哪个地方，都会有代表家乡的可口美食鲜香味美的丝瓜虾滑汤，孩子爱吃的家常美味，烹饪简单，营养解馋大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。在这个寒冷的冬天，相信很多父母都会在吃饭的时候炖上一锅汤，这样分享一款东北家常菜，荤素搭配，肉嫩鲜香，孩子爱吃的解馋美食大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。在大众的印象之中，但凡提到东北美食，基本上都能想到两个字实诚。排骨这样做太美味，加2个鸡蛋一搅一蒸，酱香浓郁，孩子特爱吃大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。相对于很多父母来说，但凡家中买了排骨，给孩子做的美味不是糖醋排简单好吃的猪油拌饭，鲜香不腻，简单营养，孩子爱吃的主食美味大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。昨天笔者和孩子在家里坐着看电视，虽然一开始看的是动画片，但后来鸡肉这样做太好吃，搭配茄汁简单一炖，鲜酸味美，孩子爱吃的美食大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。在我们的日常生活中，相信很多人对于鸡胸肉这款肉时应该非常喜欢。简单好吃的柠檬照烧鸡腿饭，荤素搭配有营养，孩子爱吃的主食美味大家好，这里是杨爸的育儿经，主题介绍简单的育儿辅食和育儿知识，只为分享对孩子更好的。本款美食适合3周岁以上的孩子品尝。鸡腿在我们的日常生活中应该是老少皆宜的肉食美味。虽然在常态之中辟谣，睡前一杯奶孩子长更高？小心浪费钱还影响宝宝睡眠和长高文菁妈一杯牛奶强壮一个民族，中国的孩子就缺一杯牛奶。现在生活条件好了，家长们不缺这杯牛奶的钱了，所以很多孩子每天都能喝上牛奶了。但是牛奶什么时候喝，又成了妈妈们纠结的问题。孩子一岁
<<<<<<－>>>>>>