Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

jianxia612/ChartsOnMap

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Charts on Map

此库使用ArcGIS API for JavaScript 3.14版本(其他版本未测试,不支持4.0版本)与ECharts,扩展了AGS API ,实现了像在ArcMap中制作统计专题图的效果。

效果如下:

饼状图:

Alt text

柱状图:

Alt text

结合dojox效果图:

Alt text


代码使用

  1. 配置模块
var dojoConfig = {
    packages: [{
        name: "CustomModules",
        location: location.pathname.replace(/\/[^/]+$/, "") + "/Widget/CustomModules"
    }]
};
  1. 使用AMD形式加载 Widget/CustomModules/ChartInfoWindow中的ChartInfoWindow.jsgeometryUtils.js,
require(["CustomModules/ChartInfoWindow",
         "CustomModules/geometryUtils"], function(ChartInfoWindow, geometryUtils){
            #Coding Here...
         })
  1. 实例化
require(["CustomModules/ChartInfoWindow",
         "CustomModules/geometryUtils"], function(ChartInfoWindow, geometryUtils){
            #Coding Here...
            #数据处理好之后,处理每一个要素形成一个图标框
            var infoWindow= new ChartInfoWindow({
                /*mainMap -Required*/map:map,
                /*chartNode -Required*/chart: nodeChart,
                /*(x,y,spatialreference) -Required*/chartPoint: labelPt,
                /*float -Optional*/width: 152,
                /*float -Optional*/height: 72
            });
         })

About

AGS API for JS + ECharts 实现web地图上统计专题

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.