chartsonmap
v1.0.0
Published
Charts On Map
Downloads
3
Maintainers
Readme
Charts on Map
此库使用ArcGIS API for JavaScript 3.14版本(其他版本未测试,不支持4.0版本)与ECharts,扩展了AGS API ,实现了像在ArcMap中制作统计专题图的效果。
效果如下:
饼状图:
柱状图:
结合dojox效果图:
代码使用
- 配置模块
var dojoConfig = {
packages: [{
name: "CustomModules",
location: location.pathname.replace(/\/[^/]+$/, "") + "/Widget/CustomModules"
}]
};
- 使用AMD形式加载
Widget/CustomModules/ChartInfoWindow
中的ChartInfoWindow.js
和geometryUtils.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
});
})