echarts地图合并(省和省合并,市和市合并,省和市合并)

echarts地图合并(省和省合并,市和市合并,省和市合并)

  //获取要合并地图的数据
  $scope.getMergeMapData = function () {
   
      // var areaArr = [{pro:'湖北',city:[]}]
      // var areaArr = [{pro:'广东',city:['潮州市','揭阳市','汕头市','汕尾市']}]
      // var areaArr = [{pro:'中国',city:['黑龙江','吉林']}]
      var areaArr = [{
   pro:'中国',city:['内蒙古']},{
   pro:'吉林',city:['白城市','松原市']}]
      // var areaArr = [{pro:'江苏',city:['常州市']}]
      // var areaArr = [{pro:'湖北',city:['十堰市','襄阳市']}]
      $scope.mergeMap(areaArr).then(res=>{
   
          $scope.areaMap = res;
          $scope.showMap($scope.areaMap);
      });
  }

   //地图合并的方法
   $scope.mergeMap = function (areaArr){
   
       return new Promise((ok,no)=>{
   
           let result = [];
           let successNum = 0;
           areaArr.forEach(areaItem=>{
   
               $.get(`./geo/${
     areaItem.pro}.json`, geoJson => {
    //请求本地的地图json文件
                   if(areaArr.length == 1 && areaItem.city.length == 0){
   
                       geoJson = decode(geoJson)
                       result = geoJson.features;
                   }else{
   
                       geoJson.feat
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Echarts可以很容易地实现散点图和折线图的合并展示。具体实现方法是定义两个数据系列,一个用于折线图,一个用于散点图,并将它们分别配置好。然后将两个数据系列的配置对象合并成一个option对象,并将其设置到Echarts实例中即可。在合并配置对象时,需要注意各个配置项的名称和格式。下面是一个示例代码: ``` // 定义折线图的配置对象 var lineOption = { xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ name: '折线图', type: 'line', data: [120, 132, 101, 134, 90, 230, 210] }] }; // 定义散点图的配置对象 var scatterOption = { xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ name: '散点图', type: 'scatter', data: [120, 132, 101, 134, 90, 230, 210] }] }; // 将两个配置对象合并成一个option对象 var option = { xAxis: [{ type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }], yAxis: [{ type: 'value' }], series: [{ name: '折线图', type: 'line', data: [120, 132, 101, 134, 90, 230, 210] }, { name: '散点图', type: 'scatter', data: [120, 132, 101, 134, 90, 230, 210] }] }; // 创建Echarts实例并设置option对象 var myChart = echarts.init(document.getElementById('myChart')); myChart.setOption(option); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值