Advertisement

使用echarts绘制中国地图上的散点图(自适应宽高)

阅读量:

先上最终效果图(显示公司在中国各个城市药店分布图)

我这边使用的技术栈是react,不熟悉的可走:https://zh-hans.reactjs.org/

首先使用npm安装echarts

复制代码
    cnpm install echarts --save

除此之外,在我的研究中我还引用了两个JSON ,分别是chainaJsonhttp://datav.aliyun.com/tools/atlas/#&lat=33.521...),并利用下面这个接口能够展示省区域线路。

cityJson (包含300多个城市的名字,坐标等等,未找到连接,放在文末)

为实现保存图表的容器设置,在此采用javascript动态设定容器宽度与高度的方式。突破仅以px定义echarts大小的传统限制

复制代码
 <div className={styles.box} id="mainbox">

    
      <div id="main" />
    
 </div>
    
  
    
  
    
 co

全部评论 (0)

还没有任何评论哟~