路径D:\ireport365\ireport365.war\js\enduser\designer\vs-component-echarts.js
下面的 搜索汉字应该能搜索到 直接覆盖吧 改的小地方杂多 没办法固定位置
~~~
case "DrillDownChinaMap":
// 数据处理
var option = component.config.chartConfig;
var optionNode = component.config;
var mapdata = option.series[0].data;
option.series[0].data = mapdata;
if(optionNode.curlMap){
loadMap1(optionNode.curlMap.mapCode, optionNode.curlMap.mapName);
}else{
loadMap1('100000', 'china');
}
function loadMap1(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.series[0].mapType = mapName
// console.log(mapName)
scope.component.context.chart.setOption(option, true)
curMap = {
mapCode: mapCode,
mapName: mapName
};
console.log(curMap)
} else {
alert('无法加载该地图');
}
});
}
/**
绑定用户切换地图区域事件
cityMap对象存储着地图区域名称和区域的信息(name-code)
当mapCode有值,说明可以切换到下级地图
同时保存上级地图的编号和名称
*/
component.context.chart.on("mapselectchanged", function (params) {
clearTimeout(timeFn);
if (params.dataIndex < 0) {
return
}
// console.log(params)
timeFn = setTimeout(function(){
const name = params.batch[0].name;
const mapCode = cityMap[name];
console.log(mapCode)
console.log(name);
if (!mapCode) { //如果地图无法继续下钻，则让点击的区域呈现选中状态
option.series[0].data = [{
name: name,
selected: true,
// value:Math.round(Math.random()*1000)
}]
return false;
} else {
loadMap1(mapCode, name);
//将上一级地图信息压入mapStack
mapStack.push({
mapCode: curMap.mapCode,
mapName: curMap.mapName
});
}
// scope.component.context.chart.setOption(option, true)
// console.log(mapStack)
}, 250);
});
/**
绑定双击事件，并加载上一级地图
*/
component.context.chart.on('dblclick', function(params) {
//当双击事件发生时，清除单击事件，仅响应双击事件
clearTimeout(timeFn);
var map = mapStack.pop();
if (!mapStack.length && !map) {
// alert('已经到达最上一级地图了');
if(optionNode.curlMap){
loadMap1(optionNode.curlMap.mapCode, optionNode.curlMap.mapName);
}else{
loadMap1('100000', 'china');
}
return;
}
loadMap1(map.mapCode, map.mapName);
// scope.component.context.chart.setOption(option, true)
});
break
~~~
在_buildChinaAreaMapAreaChartDescription4方法里 找
这里是最上面 放在块状上面
~~~
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"
}]
}]
})
~~~
下面是上面的监听方法 在同一个大方法里 鼠标向下滑动200行左右吧
// 选择省份
~~~
scope.$watch("component.config.provinceObj", 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) {
// console.log(data1)
echarts.registerMap(mapName, data1);
// console.log(data1)
option.series[0].mapType = 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('无法加载该地图');
}
});
}
// console.log(scope.component.description.categories[6].groups[0].elements[1].items)
}
});
~~~
路径D:\ireport365\ireport365.war\WEB-INF\classes\report-resource\design.js
同理 搜汉字搜索位置吧 替换吧
~~~
case "DrillDownChinaMap":
//存储切换的每一级地图信息
// const mapStack = [{mapCode: '100000',mapName: 'china'}];
const mapStack = [];
let curMap = {};
var timeFn = null;
var option = component.config.chartConfig;
var optionNode = component.config;
var mapdata = option.series[0].data;
option.series[0].data = mapdata;
if(optionNode.curlMap){
loadMap1(optionNode.curlMap.mapCode, optionNode.curlMap.mapName);
}else{
loadMap1('100000', 'china');
}
function loadMap1(mapCode, mapName) {
// console.log(mapCode)
// console.log(mapName)
$.ajaxSettings.async = false;
$.getJSON(contextPath + '/cdn/1.0/assets-map-json/main-city/' + mapCode + '.json', function(data) {
if (data) {
echarts.registerMap(mapName, data);
// console.log(data)
option.series[0].mapType = mapName
// console.log(mapName)
scope.component.context.chart.setOption(option, true)
curMap = {
mapCode: mapCode,
mapName: mapName
};
} else {
alert('无法加载该地图');
}
});
}
/**
绑定用户切换地图区域事件
cityMap对象存储着地图区域名称和区域的信息(name-code)
当mapCode有值,说明可以切换到下级地图
同时保存上级地图的编号和名称
*/
component.context.chart.on("mapselectchanged", function (params) {
clearTimeout(timeFn);
if (params.dataIndex < 0) {
return
}
// console.log(params)
timeFn = setTimeout(function(){
const name = params.batch[0].name;
const mapCode = cityMap[name];
// console.log(mapCode)
// console.log(name);
if (!mapCode) { //如果地图无法继续下钻，则让点击的区域呈现选中状态
option.series[0].data = [{
name: name,
selected: true,
// value:Math.round(Math.random()*1000)
}]
return false;
} else {
loadMap1(mapCode, name);
//将上一级地图信息压入mapStack
mapStack.push({
mapCode: curMap.mapCode,
mapName: curMap.mapName
});
}
// scope.component.context.chart.setOption(option, true)
console.log(mapStack)
}, 250);
});
/**
绑定双击事件，并加载上一级地图
*/
component.context.chart.on('dblclick', function(params) {
//当双击事件发生时，清除单击事件，仅响应双击事件
clearTimeout(timeFn);
var map = mapStack.pop();
if (!mapStack.length && !map) {
// alert('已经到达最上一级地图了');
if(optionNode.curlMap){
loadMap1(optionNode.curlMap.mapCode, optionNode.curlMap.mapName);
}else{
loadMap1('100000', 'china');
}
return;
}
loadMap1(map.mapCode, map.mapName);
// scope.component.context.chart.setOption(option, true)
});
break;
}
};
~~~
- 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说明文档
- 色斑图加透明