路徑D:\ireport365\ireport365.war\js\enduser\designer\vs-component-echarts.js
在_buildChinamapAreaChartDescription方法里添加
~~~
dataCategory.groups.push({
name: "text",
title: {
text: "配置地區"
},
elements: [{
title: "省份",
type: "select-s",
bind: "provinceObj",
items: [{
name: "北京",
value: "110000"
}, {
name: "天津",
value: "120000"
}, {
name: "上海",
value: "310000"
}, {
name: "重慶",
value: "500000"
},{
name: "河北",
value: "130000"
}, {
name: "山西",
value: "140000"
}, {
name: "內蒙古",
value: "150000"
}, {
name: "遼寧",
value: "210000"
}, {
name: "吉林",
value: "220000"
}, {
name: "黑龍江",
value: "230000"
}, {
name: "江蘇",
value: "320000"
}, {
name: "浙江",
value: "330000"
}, {
name: "安徽",
value: "340000"
}, {
name: "福建",
value: "350000"
}, {
name: "江西",
value: "360000"
}, {
name: "山東",
value: "370000"
}, {
name: "河南",
value: "410000"
}, {
name: "湖北",
value: "420000"
}, {
name: "湖南",
value: "430000"
}, {
name: "廣東",
value: "440000"
}, {
name: "廣西",
value: "450000"
}, {
name: "海南",
value: "460000"
}, {
name: "四川",
value: "510000"
}, {
name: "貴州",
value: "520000"
}, {
name: "云南",
value: "530000"
}, {
name: "西藏",
value: "540000"
}, {
name: "陜西",
value: "610000"
}, {
name: "青海",
value: "630000"
}, {
name: "寧夏",
value: "640000"
}, {
name: "新疆",
value: "650000"
}, {
name: "香港",
value: "810000"
}, {
name: "澳門",
value: "820000"
}, {
name: "臺灣",
value: "710000"
}]
},{
title: "市級",
type: "select-s",
bind: "cityObj",
items: []
},
// {
// title: "世界地圖",
// type: "select-s",
// bind: "worldObj",
// items: [{
// name: "world",
// value: "100000"
// }]
// }
]
});
~~~
添加監聽的方法 向下滑動200行左右
~~~
// 選擇省份
scope.$watch("component.config.provinceObj", function (newValue, oldValue) {
if (newValue != null && newValue !== oldValue) {
var option = component.config.chartConfig;
var optionNode = component.config;
scope.component.description.categories[6].groups[0].elements[1].items = [];
// console.log(optionNode)
// console.log(newValue)
loadMap(newValue.value,newValue.name);
function loadMap(mapCode, mapName) {
$.ajaxSettings.async = false;
$.getJSON(contextPath + '/cdn/1.0/assets-map-json/main-city/' + mapCode + '.json', function(data1) {
if (data1) {
// console.log(data1)
for(var i = 0;i<data1.features.length;i++){
// console.log(data1.features[i])
var name = data1.features[i].properties.name;
var id = data1.features[i].id;
scope.component.description.categories[6].groups[0].elements[1].items.push({
name: name,
value: id
})
}
echarts.registerMap(mapName, data1);
option.geo.map = mapName
// console.log(mapName)
// console.log(option)
scope.component.context.chart.setOption(option, true)
curlMap = {
mapCode: mapCode,
mapName: mapName
};
// console.log(curlMap);
optionNode.curlMap = curlMap;
// console.log(optionNode);
} else {
alert('無法加載該地圖');
}
});
}
// console.log(scope.component.description.categories[6].groups[0].elements[1].items)
}
});
// 選擇市區
scope.$watch("component.config.cityObj", function (newValue, oldValue) {
if (newValue != null && newValue !== oldValue) {
var option = component.config.chartConfig;
var optionNode = component.config;
// console.log(optionNode)
// console.log(newValue)
loadMap(newValue.value,newValue.name);
function loadMap(mapCode, mapName) {
$.ajaxSettings.async = false;
$.getJSON(contextPath + '/cdn/1.0/assets-map-json/main-city/' + mapCode + '.json', function(data1) {
if (data1) {
echarts.registerMap(mapName, data1);
// console.log(data1)
option.geo.map = mapName
// console.log(mapName)
scope.component.context.chart.setOption(option, true)
curlMap = {
mapCode: mapCode,
mapName: mapName
};
// console.log(curlMap);
optionNode.curlMap = curlMap;
// console.log(optionNode);
} else {
alert('無法加載該地圖');
}
});
}
}
});
// end
~~~
在 internalInit 方法里 case "chinamap": 添加
~~~
// 數據處理
var option = component.config.chartConfig;
var optionNode = component.config;
// console.log(optionNode)
if(optionNode.curlMap){
loadMap(optionNode.curlMap.mapCode, optionNode.curlMap.mapName);
}else{
loadMap('100000', 'china');
}
// var mapdata = option.series[0].data;
// option.series[0].data = mapdata;
function loadMap(mapCode, mapName) {
$.ajaxSettings.async = false;
$.getJSON(contextPath + '/cdn/1.0/assets-map-json/main-city/' + mapCode + '.json', function(data1) {
if (data1) {
// console.log(data1)
echarts.registerMap(mapName, data1);
// console.log(data1)
option.geo.map = mapName
// console.log(mapName)
scope.component.context.chart.setOption(option, true)
curlMap = {
mapCode: mapCode,
mapName: mapName
};
// console.log(curlMap)
} else {
alert('無法加載該地圖');
}
});
}
~~~
路徑D:\ireport365\ireport365.war\WEB-INF\classes\report-resource\design.js
在internalBuildEChartsComponent方法里 case "chinamap": 添加
~~~
// 數據處理
var option = component.config.chartConfig;
var optionNode = component.config;
// console.log(optionNode)
if(optionNode.curlMap){
loadMap(optionNode.curlMap.mapCode, optionNode.curlMap.mapName);
}else{
loadMap('100000', 'china');
}
// var mapdata = option.series[0].data;
// option.series[0].data = mapdata;
function loadMap(mapCode, mapName) {
$.ajaxSettings.async = false;
$.getJSON(contextPath + '/cdn/1.0/assets-map-json/main-city/' + mapCode + '.json', function(data1) {
if (data1) {
// console.log(data1)
echarts.registerMap(mapName, data1);
// console.log(data1)
option.geo.map = mapName
// console.log(mapName)
scope.component.context.chart.setOption(option, true)
curlMap = {
mapCode: mapCode,
mapName: mapName
};
// console.log(curlMap)
} else {
alert('無法加載該地圖');
}
});
}
~~~
- video
- treemap
- mian.html文件注釋
- 配置項tab
- 配置項屬性
- internalRefreshAxisMdelData函數梳理
- 函數配置項-engine文件
- 替換數據源流程
- design.js
- 樹圖
- 下鉆 廢棄
- 人體圖
- 下鉆地圖
- 行列互轉
- 預覽樣式
- logo旁邊的報表名
- echarts 組件生成圖片
- 數據集樣式
- 頭部 黑色head
- 手機 ipad 圖片
- k線圖部分
- 平臺管理css樣式
- 目錄css和平板的邊距
- 設計頁-數據源-目錄
- 數據集 - 查看數據表 -按鈕和目錄樣式
- 報表列表頁按鈕css
- 角色管理頁按鈕css
- 推送通知按鈕css
- 子賬號按鈕css
- 數據連接
- openlayers地圖線路圖
- openlayers4_map_designer.js
- openlayers4_map_view.js
- 說明
- 常用圖標小bug
- echarts 氣泡地圖
- echarts 線路軌跡圖
- 導出pdf
- 可視化sql--css
- 表格滾動
- 主題色
- 時間軸
- 分享彈框
- 管理平臺header和菜單
- 報表平臺和菜單
- 初始化組件顏色
- 其他彈框
- olap分析樣式-廢棄
- 3d地圖柱狀圖
- 關系圖
- olap分析
- 地區地圖
- k線圖相關屬性設置
- 世界地圖
- 時間軸（new）
- 選擇省份下轉地圖
- 選擇省市飛線地圖
- 面積預警地圖默認顏色
- 組件覆層開關組件
- 汽車儀表盤bug
- 雷達圖bug修復不能分享的問題
- 餅狀 條形圖 自動播放
- 臨時用
- 自動輪播
- 方形元素 按鈕浮動報錯
- 面積預警地圖整合可選擇省市區
- 下鉆地圖添加返回按鈕
- 下鉆地圖修復預警bug
- 基本時間組件
- 添加時鐘組件
- 3d地球組件
- 盒須圖
- 組件加載動畫
- 報表背景漸變色
- 主題模板
- 沒用
- 3機房第三方組件
- 設計
- 分享
- 3d機房需要的靜態資源
- cesium地球需要的文件以及樣式
- cesium地球
- 設計頁
- 分享頁
- 圖標條形圖
- 世豪-前端代碼整理
- component.css 文件新添加
- 雜項
- index.jsp
- designer.css 樣式暫時不整理 里面比較雜
- vs-common.js 新加生成html2canvas pdf
- vs-component-basic.js 完
- vs-component-datasource.js 完
- vs-component-engine.js 完
- vs-component-widget-grid.js 完
- vs-component-widget-square.js 完
- vs-designer.js 完
- vs-designer-component.js 完
- vs-designer-report.js 完
- vs-designer-reportpage.js 完
- vs-component-echarts.js 完
- main.html 完
- component.html 新加組件設置頁模板
- 以前的報表頁設置控制器---做個記錄
- 大概修改過的代碼
- 2019-5-8 修改皮膚控制器
- 選擇模板
- 桑基圖2019-11-20
- bug 修正 2019-11-21
- 插圖柱狀圖
- cesiumchart組件
- gis 地圖 聯動 彈框 圖標
- 動態面積圖添加按鈕類配置項
- 玫瑰圖形組件
- cesium 圖形 和three.js 沖突的bug
- gis 地圖 默認圖層
- 網格標簽
- gis 點圖 值域
- gis 面圖 值域
- 按鈕圖標添加提示框
- 百度地圖
- 剩余的組件
- gulp說明文檔
- 色斑圖加透明