You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

chartsonmap

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

chartsonmap

Charts On Map

1.0.0
latest
Source
npmnpm
Version published
Maintainers
1
Created
Source

Charts on Map

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

效果如下:

饼状图:

Alt text

柱状图:

Alt text

结合dojox效果图:

Alt text

代码使用

  • 配置模块
var dojoConfig = {
    packages: [{
        name: "CustomModules",
        location: location.pathname.replace(/\/[^/]+$/, "") + "/Widget/CustomModules"
    }]
};
  • 使用AMD形式加载 Widget/CustomModules/ChartInfoWindow中的ChartInfoWindow.jsgeometryUtils.js,
require(["CustomModules/ChartInfoWindow",
         "CustomModules/geometryUtils"], function(ChartInfoWindow, geometryUtils){
            #Coding Here...
         })
  • 实例化
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
            });
         })

Keywords

chart

FAQs

Package last updated on 02 Jun 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts