vue 和highcharts结合使用制作中国地图问题

vue-cil中出现这个为题

clipboard.png

代码如下

    let url="https://data.jianshukeji.com/jsonp?filename=geochina/";
    this.$ajax.get(url+ 'china.json&callback=?',).then(response =>{
             console.log(response);
             // 随机数据
             var data = [
                 {drilldown:"beijing",name:"北京",value:61}
             ];
             Highcharts.each(mapdata.features, function(md, index) {
                data.push({
                    name: md.properties.name,
                    drilldown: md.properties.filename,
                    value: Math.floor((Math.random() * 100) + 1) // 生成 1 ~ 100 随机值
                });
            });
            HighCharts.Map('container', {
                    title: {
                        text: null
                    },
                    legend: {
                        symbolWidth:30,
                        layout: 'vertical',
                        align: 'left',
                        verticalAlign: 'bottom'
                    },
                    colorAxis: {
                        min: 0,
                        minColor: '#005BCE',
                        maxColor: '#A3E4FA',
                        labels:{
                            style:{
                                "color":"#818387"
                            }
                        }
                    },
                    series: [{
                        data: data,
                        mapData: response,
                        joinBy: 'name',
                        name: '中国地图',
                        dataLabels: {
                            enabled: true,
                            color:'#11205B',
                            format: '{point.properties.name}'
                        },
                        states: {
                            hover: {
                                color: '#a4edba'
                            }
                        }
                    }]
                });
         })
    }
阅读 5.9k
2 个回答

我也遇到了,解决了没有

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题