前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >echarts动态数据获取展示(地图,折线图)

echarts动态数据获取展示(地图,折线图)

作者头像
用户3055976
发布2018-09-12 14:56:33
4.7K0
发布2018-09-12 14:56:33
举报
文章被收录于专栏:知道一点点

1.引入相应的js文件,这是基本,注意要使用的js

代码语言:javascript
复制
<script src="js/echarts/build/dist/echarts.js"></script>
<script src="js/echarts/doc/asset/js/esl/esl.js"></script>
<script src="js/echarts/build/dist/chart/line.js"></script>
<script src="js/jquery.js"></script>

代码语言:javascript
复制
这是我要用的相应的js

代码语言:javascript
复制
2,在body里面设置一个div的长宽,作为展示框,必须要给长宽

代码语言:javascript
复制
<div id="china-map" style="width: 800px;height:600px; margin:100px;"></div>
3.配置路由这步很关键,因为我弄的时候经常报错,同理用什么js,就配置哪些

代码语言:javascript
复制
require.config({
    paths: {
        echarts: 'js/echarts/build/dist'
    }
});
4.使用,开始的声明,和最后的调用不要掉了,

代码语言:javascript
复制
require(['echarts', 'echarts/chart/map'], function (ch) {
    var myChart = ch.init(document.getElementById('china-map'));
    option = {。。。。。}

代码语言:javascript
复制
myChart.setOption(option);
5.补充中间的内容option,这是最关键的两块部分,option的内容,根据官网上的设置,要动态的部分在ajax里面设置

代码语言:javascript
复制
   option = {
            tooltip: {
                trigger: 'item',
//重要的地图上的提示框的内容
                formatter: function (a, b) {
                    var ads = a[1];
                    console.log("ads的时刻", ads);
                    var cancer = a.data.fivecancer;
                    var str = '';
                    if (!cancer) {
                        sum = ads + '<br/>' + '<label>暂时没数据!</label>';
                        return sum;
                    } else {
                        for (var m = 0; m < cancer.length; m++) {
                            str += '<label class="my-tooltip-lab">' + cancer[m]['product'] + ":" + '</label><label class="my-tooltip-spn"><span >' + cancer[m]['count'] + '</span>例</label>' + "<br/>";
                            var sum = ads + "<br/>" + str;
                        }
                        return sum;
                    }

                },
            },
            legend: {
                orient: 'vertical',
                x: 'left',
                data: []//'富德保险','中国人寿','其他'
            },
            aspectScale: 1,  //用于设置 scale 地图的长宽比。
            layoutCenter: ['50%', '50%'],   //属性定义地图中心在屏幕中的位置,一般结合layoutSize 定义地图的大小
            layoutSize: 900,
            series: [
                {
                    name: '中国',
                    type: 'map',
                    mapType: 'china',
                    selectedMode: 'single',
                    itemStyle: {
                        normal: {
                            label: {show: false}, borderColor: '#0266db',
                            textStyle: {
                                //fontWeight:'bold',
                                color: '#102262',
                            },
                            color: '#102262',
                        },
                        emphasis: {
                            label: {show: true, textStyle: {color: '#fff'}}, color: '#1b3cb3',
                            borderWidth: 0
                        }
                    },
                    label: {
                        normal: {
                            show: true,
                            textStyle: {color: "#fff",}
                        },
                        emphasis: {
                            show: true
                        }
                    },
                    emphasis: {//对应的鼠标悬浮效果
                        show: true,
                        textStyle: {color: "#fff",}
                    },
                    data: []
                }
            ],            //地图的大小,见 layoutCenter。支持相对于屏幕宽高的百分比或者绝对的像素大小。//         
   series: [{
//                name: '中国',
//                type: 'map',
//                mapType: 'china',
//                selectedMode: 'single',
//                itemStyle: {
//                    normal: {
//                        label: {show: false}, borderColor: '#0266db',
//                        textStyle: {
//                            //fontWeight:'bold',
//                            color: '#102262',
//                        },
//                        color: '#102262',
//                    },
////                    emphasis:{label:{show:true,textStyle:{color:'#000'}}}
//                    emphasis: {
//                        label: {show: true,textStyle:{color:'#fff'}}, color: '#1b3cb3',
//                        borderWidth: 0
//                    }
//                },
//                label: {
//                    normal: {
//                        show: true,
//                        textStyle: {color: "#fff",}
//                    },
//                    emphasis: {
//                        show: true
//                    }
//                },
//                emphasis: {//对应的鼠标悬浮效果
//                    show: true,
//                    textStyle: {color: "#fff",}
//                },
//                data:[]
////                data: [
////                    {name: '湖南', value:'1111111',fivecancer:[1,2,3,4]},
////                    {name: '北京市', value: Math.round(Math.random() * 1000)},
////                    {name: '天津市', value: Math.round(Math.random() * 1000)},
////                    {name: '上海市', value: Math.round(Math.random() * 1000)},
////                    {name: '中国香港', value: Math.round(Math.random() * 1000)},
////                    {name: '中国澳门', value: Math.round(Math.random() * 1000)},
////                    {name: '巴音郭楞蒙古自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '和田地区', value: Math.round(Math.random() * 1000)},
////                    {name: '哈密地区', value: Math.round(Math.random() * 1000)},
////                    {name: '阿克苏地区', value: Math.round(Math.random() * 1000)},
////                    {name: '阿勒泰地区', value: Math.round(Math.random() * 1000)},
////                    {name: '喀什地区', value: Math.round(Math.random() * 1000)},////                 
   {name: '塔城地区', value: Math.round(Math.random() * 1000)},////                    {name: '昌吉回族自治州', value: Math.round(Math.random() * 1000)},////                    {name: '克孜勒苏柯尔克孜自治州', value: Math.round(Math.random() * 1000)},////                    {name: '吐鲁番地区', value: Math.round(Math.random() * 1000)},////                    {name: '伊犁哈萨克自治州', value: Math.round(Math.random() * 1000)},////                    {name: '博尔塔拉蒙古自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '乌鲁木齐市', value: Math.round(Math.random() * 1000)},
////                    {name: '克拉玛依市', value: Math.round(Math.random() * 1000)},
////                    {name: '阿拉尔市', value: Math.round(Math.random() * 1000)},
////                    {name: '图木舒克市', value: Math.round(Math.random() * 1000)},
////                    {name: '五家渠市', value: Math.round(Math.random() * 1000)},
////                    {name: '石河子市', value: Math.round(Math.random() * 1000)},
////                    {name: '那曲地区', value: Math.round(Math.random() * 1000)},
////                    {name: '阿里地区', value: Math.round(Math.random() * 1000)},
////                    {name: '日喀则地区', value: Math.round(Math.random() * 1000)},
////                    {name: '林芝地区', value: Math.round(Math.random() * 1000)},
////                    {name: '昌都地区', value: Math.round(Math.random() * 1000)},
////                    {name: '山南地区', value: Math.round(Math.random() * 1000)},
////                    {name: '拉萨市', value: Math.round(Math.random() * 1000)},
////                    {name: '呼伦贝尔市', value: Math.round(Math.random() * 1000)},
////                    {name: '阿拉善盟', value: Math.round(Math.random() * 1000)},
////                    {name: '锡林郭勒盟', value: Math.round(Math.random() * 1000)},
////                    {name: '鄂尔多斯市', value: Math.round(Math.random() * 1000)},
////                    {name: '赤峰市', value: Math.round(Math.random() * 1000)},
////                    {name: '巴彦淖尔市', value: Math.round(Math.random() * 1000)},
////                    {name: '通辽市', value: Math.round(Math.random() * 1000)},
////                    {name: '乌兰察布市', value: Math.round(Math.random() * 1000)},
////                    {name: '兴安盟', value: Math.round(Math.random() * 1000)},
////                    {name: '包头市', value: Math.round(Math.random() * 1000)},
////                    {name: '呼和浩特市', value: Math.round(Math.random() * 1000)},
////                    {name: '乌海市', value: Math.round(Math.random() * 1000)},
////                    {name: '海西蒙古族藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '玉树藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '果洛藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '海南藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '海北藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '黄南藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '海东地区', value: Math.round(Math.random() * 1000)},
////                    {name: '西宁市', value: Math.round(Math.random() * 1000)},
////                    {name: '甘孜藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '阿坝藏族羌族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '凉山彝族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '绵阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '达州市', value: Math.round(Math.random() * 1000)},
////                    {name: '广元市', value: Math.round(Math.random() * 1000)},
////                    {name: '雅安市', value: Math.round(Math.random() * 1000)},
////                    {name: '宜宾市', value: Math.round(Math.random() * 1000)},
////                    {name: '乐山市', value: Math.round(Math.random() * 1000)},
////                    {name: '南充市', value: Math.round(Math.random() * 1000)},
////                    {name: '巴中市', value: Math.round(Math.random() * 1000)},
////                    {name: '泸州市', value: Math.round(Math.random() * 1000)},
////                    {name: '成都市', value: Math.round(Math.random() * 1000)},
////                    {name: '资阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '攀枝花市', value: Math.round(Math.random() * 1000)},
////                    {name: '眉山市', value: Math.round(Math.random() * 1000)},
////                    {name: '广安市', value: Math.round(Math.random() * 1000)},
////                    {name: '德阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '内江市', value: Math.round(Math.random() * 1000)},
////                    {name: '遂宁市', value: Math.round(Math.random() * 1000)},
////                    {name: '自贡市', value: Math.round(Math.random() * 1000)},
////                    {name: '黑河市', value: Math.round(Math.random() * 1000)},
////                    {name: '大兴安岭地区', value: Math.round(Math.random() * 1000)},
////                    {name: '哈尔滨市', value: Math.round(Math.random() * 1000)},
////                    {name: '齐齐哈尔市', value: Math.round(Math.random() * 1000)},
////                    {name: '牡丹江市', value: Math.round(Math.random() * 1000)},
////                    {name: '绥化市', value: Math.round(Math.random() * 1000)},
////                    {name: '伊春市', value: Math.round(Math.random() * 1000)},
////                    {name: '佳木斯市', value: Math.round(Math.random() * 1000)},
////                    {name: '鸡西市', value: Math.round(Math.random() * 1000)},
////                    {name: '双鸭山市', value: Math.round(Math.random() * 1000)},
////                    {name: '大庆市', value: Math.round(Math.random() * 1000)},
////                    {name: '鹤岗市', value: Math.round(Math.random() * 1000)},
////                    {name: '七台河市', value: Math.round(Math.random() * 1000)},
////                    {name: '酒泉市', value: Math.round(Math.random() * 1000)},
////                    {name: '张掖市', value: Math.round(Math.random() * 1000)},
////                    {name: '甘南藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '武威市', value: Math.round(Math.random() * 1000)},
////                    {name: '陇南市', value: Math.round(Math.random() * 1000)},
////                    {name: '庆阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '白银市', value: Math.round(Math.random() * 1000)},
////                    {name: '定西市', value: Math.round(Math.random() * 1000)},
////                    {name: '天水市', value: Math.round(Math.random() * 1000)},
////                    {name: '兰州市', value: Math.round(Math.random() * 1000)},
////                    {name: '平凉市', value: Math.round(Math.random() * 1000)},
////                    {name: '临夏回族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '金昌市', value: Math.round(Math.random() * 1000)},
////                    {name: '嘉峪关市', value: Math.round(Math.random() * 1000)},
////                    {name: '普洱市', value: Math.round(Math.random() * 1000)},
////                    {name: '红河哈尼族彝族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '文山壮族苗族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '曲靖市', value: Math.round(Math.random() * 1000)},
////                    {name: '楚雄彝族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '大理白族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '临沧市', value: Math.round(Math.random() * 1000)},
////                    {name: '迪庆藏族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '昭通市', value: Math.round(Math.random() * 1000)},
////                    {name: '昆明市', value: Math.round(Math.random() * 1000)},
////                    {name: '丽江市', value: Math.round(Math.random() * 1000)},
////                    {name: '西双版纳傣族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '保山市', value: Math.round(Math.random() * 1000)},
////                    {name: '玉溪市', value: Math.round(Math.random() * 1000)},
////                    {name: '怒江傈僳族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '德宏傣族景颇族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '百色市', value: Math.round(Math.random() * 1000)},
////                    {name: '河池市', value: Math.round(Math.random() * 1000)},
////                    {name: '桂林市', value: Math.round(Math.random() * 1000)},
////                    {name: '南宁市', value: Math.round(Math.random() * 1000)},
////                    {name: '柳州市', value: Math.round(Math.random() * 1000)},
////                    {name: '崇左市', value: Math.round(Math.random() * 1000)},
////                    {name: '来宾市', value: Math.round(Math.random() * 1000)},
////                    {name: '玉林市', value: Math.round(Math.random() * 1000)},
////                    {name: '梧州市', value: Math.round(Math.random() * 1000)},
////                    {name: '贺州市', value: Math.round(Math.random() * 1000)},
////                    {name: '钦州市', value: Math.round(Math.random() * 1000)},
////                    {name: '贵港市', value: Math.round(Math.random() * 1000)},
////                    {name: '防城港市', value: Math.round(Math.random() * 1000)},
////                    {name: '北海市', value: Math.round(Math.random() * 1000)},
////                    {name: '怀化市', value: Math.round(Math.random() * 1000)},
////                    {name: '永州市', value: Math.round(Math.random() * 1000)},
////                    {name: '邵阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '郴州市', value: Math.round(Math.random() * 1000)},
////                    {name: '常德市', value: Math.round(Math.random() * 1000)},
////                    {name: '湘西土家族苗族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '衡阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '岳阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '益阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '长沙市', value: Math.round(Math.random() * 1000)},
////                    {name: '株洲市', value: Math.round(Math.random() * 1000)},
////                    {name: '张家界市', value: Math.round(Math.random() * 1000)},
////                    {name: '娄底市', value: Math.round(Math.random() * 1000)},
////                    {name: '湘潭市', value: Math.round(Math.random() * 1000)},
////                    {name: '榆林市', value: Math.round(Math.random() * 1000)},
////                    {name: '延安市', value: Math.round(Math.random() * 1000)},
////                    {name: '汉中市', value: Math.round(Math.random() * 1000)},
////                    {name: '安康市', value: Math.round(Math.random() * 1000)},
////                    {name: '商洛市', value: Math.round(Math.random() * 1000)},
////                    {name: '宝鸡市', value: Math.round(Math.random() * 1000)},
////                    {name: '渭南市', value: Math.round(Math.random() * 1000)},
////                    {name: '咸阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '西安市', value: Math.round(Math.random() * 1000)},
////                    {name: '铜川市', value: Math.round(Math.random() * 1000)},
////                    {name: '清远市', value: Math.round(Math.random() * 1000)},
////                    {name: '韶关市', value: Math.round(Math.random() * 1000)},
////                    {name: '湛江市', value: Math.round(Math.random() * 1000)},
////                    {name: '梅州市', value: Math.round(Math.random() * 1000)},
////                    {name: '河源市', value: Math.round(Math.random() * 1000)},
////                    {name: '肇庆市', value: Math.round(Math.random() * 1000)},
////                    {name: '惠州市', value: Math.round(Math.random() * 1000)},
////                    {name: '茂名市', value: Math.round(Math.random() * 1000)},
////                    {name: '江门市', value: Math.round(Math.random() * 1000)},
////                    {name: '阳江市', value: Math.round(Math.random() * 1000)},
////                    {name: '云浮市', value: Math.round(Math.random() * 1000)},
////                    {name: '广州市', value: Math.round(Math.random() * 1000)},
////                    {name: '汕尾市', value: Math.round(Math.random() * 1000)},
////                    {name: '揭阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '珠海市', value: Math.round(Math.random() * 1000)},
////                    {name: '佛山市', value: Math.round(Math.random() * 1000)},
////                    {name: '潮州市', value: Math.round(Math.random() * 1000)},
////                    {name: '汕头市', value: Math.round(Math.random() * 1000)},
////                    {name: '深圳市', value: Math.round(Math.random() * 1000)},
////                    {name: '东莞市', value: Math.round(Math.random() * 1000)},
////                    {name: '中山市', value: Math.round(Math.random() * 1000)},
////                    {name: '延边朝鲜族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '吉林市', value: Math.round(Math.random() * 1000)},
////                    {name: '白城市', value: Math.round(Math.random() * 1000)},
////                    {name: '松原市', value: Math.round(Math.random() * 1000)},
////                    {name: '长春市', value: Math.round(Math.random() * 1000)},
////                    {name: '白山市', value: Math.round(Math.random() * 1000)},
////                    {name: '通化市', value: Math.round(Math.random() * 1000)},
////                    {name: '四平市', value: Math.round(Math.random() * 1000)},
////                    {name: '辽源市', value: Math.round(Math.random() * 1000)},
////                    {name: '承德市', value: Math.round(Math.random() * 1000)},
////                    {name: '张家口市', value: Math.round(Math.random() * 1000)},
////                    {name: '保定市', value: Math.round(Math.random() * 1000)},
////                    {name: '唐山市', value: Math.round(Math.random() * 1000)},
////                    {name: '沧州市', value: Math.round(Math.random() * 1000)},
////                    {name: '石家庄市', value: Math.round(Math.random() * 1000)},
////                    {name: '邢台市', value: Math.round(Math.random() * 1000)},
////                    {name: '邯郸市', value: Math.round(Math.random() * 1000)},
////                    {name: '秦皇岛市', value: Math.round(Math.random() * 1000)},
////                    {name: '衡水市', value: Math.round(Math.random() * 1000)},
////                    {name: '廊坊市', value: Math.round(Math.random() * 1000)},
////                    {name: '恩施土家族苗族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '十堰市', value: Math.round(Math.random() * 1000)},
////                    {name: '宜昌市', value: Math.round(Math.random() * 1000)},
////                    {name: '襄樊市', value: Math.round(Math.random() * 1000)},
////                    {name: '黄冈市', value: Math.round(Math.random() * 1000)},
////                    {name: '荆州市', value: Math.round(Math.random() * 1000)},
////                    {name: '荆门市', value: Math.round(Math.random() * 1000)},
////                    {name: '咸宁市', value: Math.round(Math.random() * 1000)},
////                    {name: '随州市', value: Math.round(Math.random() * 1000)},
////                    {name: '孝感市', value: Math.round(Math.random() * 1000)},
////                    {name: '武汉市', value: Math.round(Math.random() * 1000)},
////                    {name: '黄石市', value: Math.round(Math.random() * 1000)},
////                    {name: '神农架林区', value: Math.round(Math.random() * 1000)},
////                    {name: '天门市', value: Math.round(Math.random() * 1000)},
////                    {name: '仙桃市', value: Math.round(Math.random() * 1000)},
////                    {name: '潜江市', value: Math.round(Math.random() * 1000)},
////                    {name: '鄂州市', value: Math.round(Math.random() * 1000)},
////                    {name: '遵义市', value: Math.round(Math.random() * 1000)},
////                    {name: '黔东南苗族侗族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '毕节地区', value: Math.round(Math.random() * 1000)},
////                    {name: '黔南布依族苗族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '铜仁地区', value: Math.round(Math.random() * 1000)},
////                    {name: '黔西南布依族苗族自治州', value: Math.round(Math.random() * 1000)},
////                    {name: '六盘水市', value: Math.round(Math.random() * 1000)},
////                    {name: '安顺市', value: Math.round(Math.random() * 1000)},
////                    {name: '贵阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '烟台市', value: Math.round(Math.random() * 1000)},
////                    {name: '临沂市', value: Math.round(Math.random() * 1000)},
////                    {name: '潍坊市', value: Math.round(Math.random() * 1000)},
////                    {name: '青岛市', value: Math.round(Math.random() * 1000)},
////                    {name: '菏泽市', value: Math.round(Math.random() * 1000)},
////                    {name: '济宁市', value: Math.round(Math.random() * 1000)},
////                    {name: '德州市', value: Math.round(Math.random() * 1000)},
////                    {name: '滨州市', value: Math.round(Math.random() * 1000)},
////                    {name: '聊城市', value: Math.round(Math.random() * 1000)},
////                    {name: '东营市', value: Math.round(Math.random() * 1000)},
////                    {name: '济南市', value: Math.round(Math.random() * 1000)},
////                    {name: '泰安市', value: Math.round(Math.random() * 1000)},
////                    {name: '威海市', value: Math.round(Math.random() * 1000)},
////                    {name: '日照市', value: Math.round(Math.random() * 1000)},
////                    {name: '淄博市', value: Math.round(Math.random() * 1000)},
////                    {name: '枣庄市', value: Math.round(Math.random() * 1000)},
////                    {name: '莱芜市', value: Math.round(Math.random() * 1000)},
////                    {name: '赣州市', value: Math.round(Math.random() * 1000)},
////                    {name: '吉安市', value: Math.round(Math.random() * 1000)},
////                    {name: '上饶市', value: Math.round(Math.random() * 1000)},
////                    {name: '九江市', value: Math.round(Math.random() * 1000)},
////                    {name: '抚州市', value: Math.round(Math.random() * 1000)},
////                    {name: '宜春市', value: Math.round(Math.random() * 1000)},
////                    {name: '南昌市', value: Math.round(Math.random() * 1000)},
////                    {name: '景德镇市', value: Math.round(Math.random() * 1000)},
////                    {name: '萍乡市', value: Math.round(Math.random() * 1000)},
////                    {name: '鹰潭市', value: Math.round(Math.random() * 1000)},
////                    {name: '新余市', value: Math.round(Math.random() * 1000)},
////                    {name: '南阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '信阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '洛阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '驻马店市', value: Math.round(Math.random() * 1000)},
////                    {name: '周口市', value: Math.round(Math.random() * 1000)},
////                    {name: '商丘市', value: Math.round(Math.random() * 1000)},
////                    {name: '三门峡市', value: Math.round(Math.random() * 1000)},
////                    {name: '新乡市', value: Math.round(Math.random() * 1000)},
////                    {name: '平顶山市', value: Math.round(Math.random() * 1000)},
////                    {name: '郑州市', value: Math.round(Math.random() * 1000)},
////                    {name: '安阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '开封市', value: Math.round(Math.random() * 1000)},
////                    {name: '焦作市', value: Math.round(Math.random() * 1000)},
////                    {name: '许昌市', value: Math.round(Math.random() * 1000)},
////                    {name: '濮阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '漯河市', value: Math.round(Math.random() * 1000)},
////                    {name: '鹤壁市', value: Math.round(Math.random() * 1000)},
////                    {name: '大连市', value: Math.round(Math.random() * 1000)},
////                    {name: '朝阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '丹东市', value: Math.round(Math.random() * 1000)},
////                    {name: '铁岭市', value: Math.round(Math.random() * 1000)},
////                    {name: '沈阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '抚顺市', value: Math.round(Math.random() * 1000)},
////                    {name: '葫芦岛市', value: Math.round(Math.random() * 1000)},
////                    {name: '阜新市', value: Math.round(Math.random() * 1000)},
////                    {name: '锦州市', value: Math.round(Math.random() * 1000)},
////                    {name: '鞍山市', value: Math.round(Math.random() * 1000)},
////                    {name: '本溪市', value: Math.round(Math.random() * 1000)},
////                    {name: '营口市', value: Math.round(Math.random() * 1000)},
////                    {name: '辽阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '盘锦市', value: Math.round(Math.random() * 1000)},
////                    {name: '忻州市', value: Math.round(Math.random() * 1000)},
////                    {name: '吕梁市', value: Math.round(Math.random() * 1000)},
////                    {name: '临汾市', value: Math.round(Math.random() * 1000)},
////                    {name: '晋中市', value: Math.round(Math.random() * 1000)},
////                    {name: '运城市', value: Math.round(Math.random() * 1000)},
////                    {name: '大同市', value: Math.round(Math.random() * 1000)},
////                    {name: '长治市', value: Math.round(Math.random() * 1000)},
////                    {name: '朔州市', value: Math.round(Math.random() * 1000)},
////                    {name: '晋城市', value: Math.round(Math.random() * 1000)},
////                    {name: '太原市', value: Math.round(Math.random() * 1000)},
////                    {name: '阳泉市', value: Math.round(Math.random() * 1000)},
////                    {name: '六安市', value: Math.round(Math.random() * 1000)},
////                    {name: '安庆市', value: Math.round(Math.random() * 1000)},
////                    {name: '滁州市', value: Math.round(Math.random() * 1000)},
////                    {name: '宣城市', value: Math.round(Math.random() * 1000)},
////                    {name: '阜阳市', value: Math.round(Math.random() * 1000)},
////                    {name: '宿州市', value: Math.round(Math.random() * 1000)},
////                    {name: '黄山市', value: Math.round(Math.random() * 1000)},
////                    {name: '巢湖市', value: Math.round(Math.random() * 1000)},
////                    {name: '亳州市', value: Math.round(Math.random() * 1000)},
////                    {name: '池州市', value: Math.round(Math.random() * 1000)},
////                    {name: '合肥市', value: Math.round(Math.random() * 1000)},
////                    {name: '蚌埠市', value: Math.round(Math.random() * 1000)},
////                    {name: '芜湖市', value: Math.round(Math.random() * 1000)},
////                    {name: '淮北市', value: Math.round(Math.random() * 1000)},
////                    {name: '淮南市', value: Math.round(Math.random() * 1000)},
////                    {name: '马鞍山市', value: Math.round(Math.random() * 1000)},
////                    {name: '铜陵市', value: Math.round(Math.random() * 1000)},
////                    {name: '南平市', value: Math.round(Math.random() * 1000)},
////                    {name: '三明市', value: Math.round(Math.random() * 1000)},
////                    {name: '龙岩市', value: Math.round(Math.random() * 1000)},
////                    {name: '宁德市', value: Math.round(Math.random() * 1000)},
////                    {name: '福州市', value: Math.round(Math.random() * 1000)},
////                    {name: '漳州市', value: Math.round(Math.random() * 1000)},
////                    {name: '泉州市', value: Math.round(Math.random() * 1000)},
////                    {name: '莆田市', value: Math.round(Math.random() * 1000)},
////                    {name: '厦门市', value: Math.round(Math.random() * 1000)},
////                    {name: '丽水市', value: Math.round(Math.random() * 1000)},
////                    {name: '杭州市', value: Math.round(Math.random() * 1000)},
////                    {name: '温州市', value: Math.round(Math.random() * 1000)},
////                    {name: '宁波市', value: Math.round(Math.random() * 1000)},
////                    {name: '舟山市', value: Math.round(Math.random() * 1000)},
////                    {name: '台州市', value: Math.round(Math.random() * 1000)},
////                    {name: '金华市', value: Math.round(Math.random() * 1000)},
////                    {name: '衢州市', value: Math.round(Math.random() * 1000)},
////                    {name: '绍兴市', value: Math.round(Math.random() * 1000)},
////                    {name: '嘉兴市', value: Math.round(Math.random() * 1000)},
////                    {name: '湖州市', value: Math.round(Math.random() * 1000)},
////                    {name: '盐城市', value: Math.round(Math.random() * 1000)},
////                    {name: '徐州市', value: Math.round(Math.random() * 1000)},
////                    {name: '南通市', value: Math.round(Math.random() * 1000)},
////                    {name: '淮安市', value: Math.round(Math.random() * 1000)},
////                    {name: '苏州市', value: Math.round(Math.random() * 1000)},
////                    {name: '宿迁市', value: Math.round(Math.random() * 1000)},
////                    {name: '连云港市', value: Math.round(Math.random() * 1000)},
////                    {name: '扬州市', value: Math.round(Math.random() * 1000)},
////                    {name: '南京市', value: Math.round(Math.random() * 1000)},
////                    {name: '泰州市', value: Math.round(Math.random() * 1000)},
////                    {name: '无锡市', value: Math.round(Math.random() * 1000)},
////                    {name: '常州市', value: Math.round(Math.random() * 1000)},
////                    {name: '镇江市', value: Math.round(Math.random() * 1000)},
////                    {name: '吴忠市', value: Math.round(Math.random() * 1000)},
////                    {name: '中卫市', value: Math.round(Math.random() * 1000)},
////                    {name: '固原市', value: Math.round(Math.random() * 1000)},
////                    {name: '银川市', value: Math.round(Math.random() * 1000)},
////                    {name: '石嘴山市', value: Math.round(Math.random() * 1000)},
////                    {name: '儋州市', value: Math.round(Math.random() * 1000)},
////                    {name: '文昌市', value: Math.round(Math.random() * 1000)},
////                    {name: '乐东黎族自治县', value: Math.round(Math.random() * 1000)},
////                    {name: '三亚市', value: Math.round(Math.random() * 1000)},
////                    {name: '琼中黎族苗族自治县', value: Math.round(Math.random() * 1000)},
////                    {name: '东方市', value: Math.round(Math.random() * 1000)},
////                    {name: '海口市', value: Math.round(Math.random() * 1000)},
////                    {name: '万宁市', value: Math.round(Math.random() * 1000)},
////                    {name: '澄迈县', value: Math.round(Math.random() * 1000)},
////                    {name: '白沙黎族自治县', value: Math.round(Math.random() * 1000)},
////                    {name: '琼海市', value: Math.round(Math.random() * 1000)},
////                    {name: '昌江黎族自治县', value: Math.round(Math.random() * 1000)},
////                    {name: '临高县', value: Math.round(Math.random() * 1000)},
////                    {name: '陵水黎族自治县', value: Math.round(Math.random() * 1000)},
////                    {name: '屯昌县', value: Math.round(Math.random() * 1000)},
////                    {name: '定安县', value: Math.round(Math.random() * 1000)},
////                    {name: '保亭黎族苗族自治县', value: Math.round(Math.random() * 1000)},
////                    {name: '五指山市', value: Math.round(Math.random() * 1000)}
////                ]
//            }]
        };

代码语言:javascript
复制
6,因为要动态获取中国地图的数据,所以注释了内容,重要的ajax内容,这是其中一种写法,

代码语言:javascript
复制
   $.ajax({
            type: 'post',
            url: 'http://接口的地址',
            async: false,
            data: {type: '2'},
            dataType: 'json',
            jsonp: "jsoncallback",
            success: function (data) {
                var dataslef = [];
                var names = [];
                console.log(data);
                for (var tt = 0; tt < data.length; tt++) {

                    dataslef.push({name: data[tt]['province'], value: '11111', fivecancer: data[tt].data});
                    for(var i=0;i<data[tt].data.length;i++){
                        names.push({name:data[tt].data[i].product});
                    }
                }
                option.legend.data = names;
                option.series[0].data = dataslef;
                myChart.setOption(option);
                console.log(dataslef);
                return 'loading';
            }
        });

代码语言:javascript
复制
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-05-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档