設計頁
路徑D:\ireport365\ireport365.war\WEB-INF\pages\enduser\designer\index.jsp
添加下面的代碼
`_scripts.push({url: "http://gallery.echartsjs.com/dep/echarts/map/js/world.js?v="+updateVersion});`
路徑 D:\ireport365\ireport365.war\js\enduser\designer\vs-component-echarts.js
一 添加世界圖
~~~
{
name: "",
type: "worldMap",
coverImage: contextPath + "/images/componenttypes/" + locale + "/echarts/zh_kline.png",
coverImageWidth: "50%",
tip: "世界地圖"
}
~~~
二 添加中英文轉換對象和世界圖 option 模板對象
~~~
// 世界地圖英文漢語轉換對象 start
var nameMap = {
'Afghanistan':'阿富汗',
'Albania':'阿爾巴尼亞',
'Algeria':'阿爾及利亞',
'Andorra':'安道爾',
'Angola':'安哥拉',
'Antarctica':'南極洲',
'Antigua and Barbuda':'安提瓜和巴布達',
'Argentina':'阿根廷',
'Armenia':'亞美尼亞',
'Australia':'澳大利亞',
'Austria':'奧地利',
'Azerbaijan':'阿塞拜疆',
'The Bahamas':'巴哈馬',
'Bahrain':'巴林',
'Bangladesh':'孟加拉國',
'Barbados':'巴巴多斯',
'Belarus':'白俄羅斯',
'Belgium':'比利時',
'Belize':'伯利茲',
'Benin':'貝寧',
'Bermuda':'百慕大',
'Bhutan':'不丹',
'Bolivia':'玻利維亞',
'Bosnia and Herzegovina':'波斯尼亞和黑塞哥維那',
'Botswana':'博茨瓦納',
'Brazil':'巴西',
'Brunei':'文萊',
'Bulgaria':'保加利亞',
'Burkina Faso':'布基納法索',
'Burundi':'布隆迪',
'Cambodia':'柬埔寨',
'Cameroon':'喀麥隆',
'Canada':'加拿大',
'Cape Verde':'佛得角',
'Central African Republic':'中非共和國',
'Chad':'乍得',
'Chile':'智利',
'China':'中國',
'Colombia':'哥倫比亞',
'Comoros':'科摩羅',
'Republic of the Congo':'剛果共和國',
'Costa Rica':'哥斯達黎加',
'Croatia':'克羅地亞',
'Cuba':'古巴',
'Cyprus':'塞浦路斯',
'Czech Republic':'捷克共和國',
'Denmark':'丹麥',
'Djibouti':'吉布提',
'Dominica':'多米尼加',
'Dominican Republic':'多明尼加共和國',
'Ecuador':'厄瓜多爾',
'Egypt':'埃及',
'El Salvador':'薩爾瓦多',
'Equatorial Guinea':'赤道幾內亞',
'Eritrea':'厄立特里亞',
'Estonia':'愛沙尼亞',
'Ethiopia':'埃塞俄比亞',
'Falkland Islands':'福克蘭群島',
'Faroe Islands':'法羅群島',
'Fiji':'斐濟',
'Finland':'芬蘭',
'France':'法國',
'French Guiana':'法屬圭亞那',
'French Southern and Antarctic Lands':'法屬南半球和南極領地',
'Gabon':'加蓬',
'Gambia':'岡比亞',
'Gaza Strip':'加沙',
'Georgia':'格魯吉亞',
'Germany':'德國',
'Ghana':'加納',
'Greece':'希臘',
'Greenland':'格陵蘭',
'Grenada':'格林納達',
'Guadeloupe':'瓜德羅普',
'Guatemala':'危地馬拉',
'Guinea':'幾內亞',
'Guinea Bissau':'幾內亞比紹',
'Guyana':'圭亞那',
'Haiti':'海地',
'Honduras':'洪都拉斯',
'Hong Kong':'香港',
'Hungary':'匈牙利',
'Iceland':'冰島',
'India':'印度',
'Indonesia':'印尼',
'Iran':'伊朗',
'Iraq':'伊拉克',
'Iraq-Saudi Arabia Neutral Zone':'伊拉克阿拉伯中立區',
'Ireland':'愛爾蘭',
'Isle of Man':'馬恩島',
'Israel':'以色列',
'Italy':'意大利',
'Ivory Coast':'科特迪瓦',
'Jamaica':'牙買加',
'Jan Mayen':'揚馬延島',
'Japan':'日本',
'Jordan':'約旦',
'Kazakhstan':'哈薩克斯坦',
'Kenya':'肯尼亞',
'Kerguelen':'凱爾蓋朗群島',
'Kiribati':'基里巴斯',
'North Korea':'北朝鮮',
'South Korea':'韓國',
'Kuwait':'科威特',
'Kyrgyzstan':'吉爾吉斯斯坦',
'Laos':'老撾',
'Latvia':'拉脫維亞',
'Lebanon':'黎巴嫩',
'Lesotho':'萊索托',
'Liberia':'利比里亞',
'Libya':'利比亞',
'Liechtenstein':'列支敦士登',
'Lithuania':'立陶宛',
'Luxembourg':'盧森堡',
'Macau':'澳門',
'Macedonia':'馬其頓',
'Madagascar':'馬達加斯加',
'Malawi':'馬拉維',
'Malaysia':'馬來西亞',
'Maldives':'馬爾代夫',
'Mali':'馬里',
'Malta':'馬耳他',
'Martinique':'馬提尼克',
'Mauritania':'毛里塔尼亞',
'Mauritius':'毛里求斯',
'Mexico':'墨西哥',
'Moldova':'摩爾多瓦',
'Monaco':'摩納哥',
'Mongolia':'蒙古',
'Morocco':'摩洛哥',
'Mozambique':'莫桑比克',
'Myanmar':'緬甸',
'Namibia':'納米比亞',
'Nepal':'尼泊爾',
'Netherlands':'荷蘭',
'New Caledonia':'新喀里多尼亞',
'New Zealand':'新西蘭',
'Nicaragua':'尼加拉瓜',
'Niger':'尼日爾',
'Nigeria':'尼日利亞',
'Northern Mariana Islands':'北馬里亞納群島',
'Norway':'挪威',
'Oman':'阿曼',
'Pakistan':'巴基斯坦',
'Panama':'巴拿馬',
'Papua New Guinea':'巴布亞新幾內亞',
'Paraguay':'巴拉圭',
'Peru':'秘魯',
'Philippines':'菲律賓',
'Poland':'波蘭',
'Portugal':'葡萄牙',
'Puerto Rico':'波多黎各',
'Qatar':'卡塔爾',
'Reunion':'留尼旺島',
'Romania':'羅馬尼亞',
'Russia':'俄羅斯',
'Rwanda':'盧旺達',
'San Marino':'圣馬力諾',
'Sao Tome and Principe':'圣多美和普林西比',
'Saudi Arabia':'沙特阿拉伯',
'Senegal':'塞內加爾',
'Seychelles':'塞舌爾',
'Sierra Leone':'塞拉利昂',
'Singapore':'新加坡',
'Slovakia':'斯洛伐克',
'Slovenia':'斯洛文尼亞',
'Solomon Islands':'所羅門群島',
'Somalia':'索馬里',
'South Africa':'南非',
'Spain':'西班牙',
'Sri Lanka':'斯里蘭卡',
'St. Christopher-Nevis':'圣',
'St. Lucia':'圣露西亞',
'St. Vincent and the Grenadines':'圣文森特和格林納丁斯',
'Sudan':'蘇丹',
'Suriname':'蘇里南',
'Svalbard':'斯瓦爾巴特群島',
'Swaziland':'斯威士蘭',
'Sweden':'瑞典',
'Switzerland':'瑞士',
'Syria':'敘利亞',
'Taiwan':'臺灣',
'Tajikistan':'塔吉克斯坦',
'United Republic of Tanzania':'坦桑尼亞',
'Thailand':'泰國',
'Togo':'多哥',
'Tonga':'湯加',
'Trinidad and Tobago':'特里尼達和多巴哥',
'Tunisia':'突尼斯',
'Turkey':'土耳其',
'Turkmenistan':'土庫曼斯坦',
'Turks and Caicos Islands':'特克斯和凱科斯群島',
'Uganda':'烏干達',
'Ukraine':'烏克蘭',
'United Arab Emirates':'阿聯酋',
'United Kingdom':'英國',
'United States of America':'美國',
'Uruguay':'烏拉圭',
'Uzbekistan':'烏茲別克斯坦',
'Vanuatu':'瓦努阿圖',
'Venezuela':'委內瑞拉',
'Vietnam':'越南',
'Western Sahara':'西撒哈拉',
'Western Samoa':'西薩摩亞',
'Yemen':'也門',
'Yugoslavia':'南斯拉夫',
'Democratic Republic of the Congo':'剛果民主共和國',
'Zambia':'贊比亞',
'Zimbabwe':'津巴布韋',
'South Sudan':'南蘇丹',
'Somaliland':'索馬里蘭',
'Montenegro':'黑山',
'Kosovo':'科索沃',
'Republic of Serbia':'塞爾維亞',
};
// 世界地圖英文漢語轉換對象 end
// 世界地圖對象 start
worldMapOptionTemplate = {
title: {
show:false
},
roam: true,
tooltip: {
show: true,
trigger: "item",
formatter: "{b}: {c}"
},
dataRange: {
show:false,
y: "top",
min: 0,
max: 100,
itemWidth: 12,
itemHeight: 10,
calculable: false,
color: ["#ff3333", "orange", "yellow", "lime", "aqua"],
textStyle: {
color: "#000"
}
},
series: [{
type: 'map',
mapType: 'world',
nameMap: nameMap,
roam: true,
data: [],
itemStyle: {
normal: {
label: {
show: false,
textStyle: {
fontSize: "10",
color: "#999"
}
},
borderColor: "#608EE1",
borderWidth: 0.5,
areaStyle: {
color: "#022047"
}
},
},
markLine: {
smooth: true,
effect: {
show: true,
scaleSize: 1,
period: 30,
color: "#fff",
shadowBlur: 10
},
itemStyle: {
normal: {
label: {
show: true
},
borderWidth: 1,
lineStyle: {
type: "solid",
shadowBlur: 10
}
}
},
data: []
},
markPoint: {
symbol: "emptyCircle",
symbolSize: 0,
effect: {
show: true,
shadowBlur: 0
},
itemStyle: {
normal: {
label: {
show: false
}
},
emphasis: {
label: {
show: false,
position: "top"
}
}
},
data: []
},
}]
};
// 世界地圖對象 end
~~~
二 在下面添加 類別 等
三 在 chinaAreaMap 下面添加 如圖的位置
~~~
case "worldMap":
delete option.legend;
break;
~~~
四 與chinaAreaMap chinaHeatMap 共用彈框代碼 如圖
五 數據處理函數
~~~
var internalRefreshWorldMapModelData = function () {
var option = component.config.chartConfig;
var dimensions = component.config.datasourceConfig.dimensions;
var measures = component.config.datasourceConfig.measures;
var data = component.context.data;
var chartData = [];
var chartDataMap = {};
var measureIdx = 0;
if (component.config.receiveMeasureLink != null && component.config.receiveMeasureLink === true) {
var newMeasures = scope.getSelectedLinkMeasure(component, component.config.datasourceConfig.measures);
for (var i = 0; i < measures.length; i++) {
if (newMeasures[i] != null) {
measureIdx = i;
break
}
}
}
for (var i = 0; i < data.length; i++) {
var value = data[i][measures[measureIdx].name];
var name = factory._internalFindKvValue(component, data[i][dimensions[dimensions.length - 1].name]);
chartData.push({
name: name,
value: value
});
var dataMap = chartDataMap[data[i][dimensions[dimensions.length - 1].name]];
if (dataMap == null) {
dataMap = {};
chartDataMap[name] = dataMap
}
for (var m = 0; m < measures.length; m++) {
dataMap[measures[m].name] = data[i][measures[m].name]
}
}
option.series[0].data = chartData;
option.series[0].name = measures[measureIdx].label;
if (component.config["measureAlias_" + measureIdx] != null && component.config["measureAlias_" + measureIdx].length > 0) {
option.series[0].name = component.config["measureAlias_" + measureIdx]
}
option.series[0].seriesIndex = measureIdx;
var thresholdConfig = component.config.thresholdConfig[measures[measureIdx].name];
var splitList = [];
if (thresholdConfig != null && thresholdConfig.length > 0) {
var valueType = component.config["thresholdValueType_" + measures[measureIdx].name];
if (valueType == null) {
valueType = "value"
}
var maxValue = parseFloat(component.config["maxValue_" + measures[measureIdx].name]);
var minValue = parseFloat(component.config["minValue_" + measures[measureIdx].name]);
if (isNaN(maxValue) || isNaN(minValue)) {
var calculatedMaxValue = -9999999999;
var calculatedMinValue = 9999999999;
for (var i = 0; i < data.length; i++) {
var value = data[i][measures[measureIdx].name];
calculatedMaxValue = Math.max(calculatedMaxValue, parseFloat(value));
calculatedMinValue = Math.min(calculatedMinValue, parseFloat(value))
}
if (isNaN(maxValue)) {
maxValue = calculatedMaxValue
}
if (isNaN(minValue)) {
minValue = calculatedMinValue
}
}
var minToMaxValue = maxValue - minValue;
for (var i = 0; i < thresholdConfig.length; i++) {
var fromValue = parseFloat(component.config[thresholdConfig[i].fromBind]);
var toValue = parseFloat(component.config[thresholdConfig[i].toBind]);
if (isNaN(fromValue) && isNaN(toValue)) {
continue
}
if (valueType === "percent") {
fromValue = fromValue * minToMaxValue;
toValue = toValue * minToMaxValue
}
var color = component.config[thresholdConfig[i].colorBind];
var item = {
color: color
};
if (!isNaN(fromValue)) {
item.start = fromValue
}
if (!isNaN(toValue)) {
item.end = toValue
}
if (component.config.dataRangeUnit) {
if (item.start == null) {
item.label = "< " + item.end
} else {
if (item.end == null) {
item.label = "> " + item.start
} else {
item.label = item.start + " - " + item.end
}
}
item.label = item.label + component.config.dataRangeUnit
}
splitList.push(item)
}
}
if (splitList.length === 0) {
splitList = [{
start: 0,
color: "#A8DAF6"
}]
}
option.dataRange.splitList = splitList;
option.data = chartDataMap;
component.context.chart.setOption(option, true)
};
~~~
六 調用數據處理函數
~~~
case "worldMap":
internalRefreshWorldMapModelData();
break;
~~~
七 添加接收聯動數據代碼 在radar的接收聯動代碼 下面添加
~~~
case "worldMap":
var dataIndex = -1;
// console.log(component.config.chartConfig)
var option = component.config.chartConfig;
// console.log(option)
for (var i = 0; i < component.config.chartConfig.series[0].data.length; i++) {
if ("" + component.config.chartConfig.series[0].data[i].name === "" + event.source.value) {
console.log(component.config.chartConfig.series[0].data[i].name)
dataIndex = i;
break
}
}
// console.log(dataIndex)
if (dataIndex < 0) {
component.context.chart.dispatchAction({
type: "hideTip"
});
return
}
if (dataIndex > -1) {
// console.log(event.source.value)
component.context.chart.dispatchAction({
type: "showTip",
name: event.source.value,
seriesIndex: 0
})
}
break;
~~~
八 在 中國面積圖 熱力地圖 彈框地圖 的推動數據下面 添加 下面代碼
如圖的位置
~~~
case "worldMap":
component.context.chart.on("mouseover", function (param) {
console.log(param.dataIndex)
if (param.dataIndex < 0) {
return
}
if (component.context.tooltipName != null && "" + component.context.tooltipName === "" + param.name) {
return
}
component.context.tooltipName = param.name;
scope.notifyDimensionValueChange(null, scope.getLastDimension(), param.name)
});
break;
~~~
九 在_buildChinaAreaMapAreaChartDescription 方法下面添加 下面的方法代碼
~~~
_buildWorldMapAreaChartDescription: function (dataCategory, scope, element, component, $compile) {
dataCategory.groups.push({
name: "text",
title: {
text: vsLang.area_blocks
},
elements: [{
title: vsLang.default_color,
type: "colorpicker",
bind: "areaColor"
}, {
title: vsLang.border_color,
type: "colorpicker",
bind: "areaBorderColor"
}]
});
dataCategory.groups.push({
name: "text",
title: {
text: vsLang.data_range_tool
},
elements: [{
title: vsLang.display,
type: "switch",
bind: "showDataRange",
on: vsLang.on,
off: vsLang.off
}, {
title: vsLang.unit,
type: "text-input-sl",
bind: "dataRangeUnit"
}, {
title: vsLang.orientation,
type: "radio-icon",
bind: "dataRangeOrient",
items: [{
name: vsLang.vertical,
value: "vertical",
icon: "fa fa-ellipsis-v"
}, {
name: vsLang.horizontal,
value: "horizontal",
icon: "fa fa-ellipsis-h"
}]
}, {
title: vsLang.vertical_position_short,
type: "radio-icon",
bind: "dataRangePosY",
items: [{
name: vsLang.position_top,
value: "top",
icon: "fa fa-minus",
pStyle: "padding-top:0;padding-bottom:12px;"
}, {
name: vsLang.position_middle,
value: "center",
icon: "fa fa-minus",
pStyle: "padding-top:6px;padding-bottom:6px;"
}, {
name: vsLang.position_bottom,
value: "bottom",
icon: "fa fa-minus",
pStyle: "padding-top:12px;padding-bottom:0px;"
}]
}, {
title: vsLang.horizontal_position_short,
type: "radio-icon",
bind: "dataRangePosX",
items: [{
name: vsLang.position_left,
value: "left",
icon: "fa fa-align-left"
}, {
name: vsLang.position_center,
value: "center",
icon: "fa fa-align-center"
}, {
name: vsLang.position_right,
value: "right",
icon: "fa fa-align-right"
}]
}, {
title: vsLang.vertical_offset_short,
type: "configSlide",
bind: "dataRangeOffsetY",
config: {
slideEnd: 1000
}
}, {
title: vsLang.horizontal_offset_short,
type: "configSlide",
bind: "dataRangeOffsetX",
config: {
slideEnd: 1000
}
}, {
title: vsLang.font_color,
type: "colorpicker",
bind: "dataRangeFontColor"
}, {
title: vsLang.font_size,
type: "configSlide",
bind: "dataRangeFontSize",
config: {
slideEnd: 100
}
}, {
title: vsLang.width,
type: "configSlide",
bind: "dataRangeWidth",
config: {
slideEnd: 100
}
}, {
title: vsLang.height,
type: "configSlide",
bind: "dataRangeHeight",
config: {
slideEnd: 100
}
}]
});
scope.$watch("component.config.showItemLabel", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.series[0].itemStyle.normal.label.show = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.itemLabelSize", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.series[0].itemStyle.normal.label.textStyle.fontSize = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.itemLabelColor", function(newValue, oldValue) {
if (isValidColorValue(newValue)) {
var option = component.config.chartConfig;
option.series[0].itemStyle.normal.label.textStyle.color = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.areaBorderColor", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.series[0].itemStyle.normal.borderColor = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.areaColor", function(newValue, oldValue) {
if (isValidColorValue(newValue)) {
var option = component.config.chartConfig;
option.series[0].itemStyle.normal.areaStyle.color = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.showDataRange", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.show = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangeUnit", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
scope.$broadcast(event_refreshChartView, {})
}
});
scope.$watch("component.config.dataRangeOrient", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.orient = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangePosY", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.y = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangeOffsetX", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.x = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangeOffsetY", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.y = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangePosX", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.x = newValue;
scope.component.context.chart.setOption(option, true)
}
});
// 值域文字顏色
scope.$watch("component.config.dataRangeFontColor", function(newValue, oldValue) {
if (isValidColorValue(newValue)) {
var option = component.config.chartConfig;
if (option.dataRange.textStyle == null) {
option.dataRange.textStyle = {}
}
option.dataRange.textStyle.color = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangeFontSize", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
if (option.dataRange.textStyle == null) {
option.dataRange.textStyle = {}
}
option.dataRange.textStyle.fontSize = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangeWidth", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.itemWidth = newValue;
scope.component.context.chart.setOption(option, true)
}
});
scope.$watch("component.config.dataRangeHeight", function(newValue, oldValue) {
if (newValue != null && (oldValue == null || oldValue !== newValue)) {
var option = component.config.chartConfig;
option.dataRange.itemHeight = newValue;
scope.component.context.chart.setOption(option, true)
}
})
},
~~~
十 在 熱力圖 彈框地圖 面積地圖 下面添加 如圖的位置
~~~
case "worldMap":
groupDesc.elements.push({
title: vsLang.value_type,
type: "radio-icon",
bind: "valueType" + identifier,
items: [{
name: vsLang.value_original,
icon: "fa fa-font",
value: "value"
}, {
name: vsLang.value_percent,
icon: "fa fa-percent",
value: "percent"
}]
});
break;
~~~
十一 新建 世界面積圖 配置面板自定義服務 在中國面積圖下面 添加 如圖
~~~
// 新建世界面積圖自定義服務
if (component.type === "worldMap") {
factory._buildWorldMapAreaChartDescription(chartCategory, scope, element, component, $compile);
var valueMapCategory = {
name: "valueMap",
title: vsLang.area_mapping,
groups: []
};
component.description.categories.push(valueMapCategory);
factory._buildChinamapKeyValueMapChartDescription(valueMapCategory, scope, element, component, $compile);
valueMapCategory.groups.push({
name: "text",
title: {
text: "",
show: false
},
elements: [{
title: vsLang.reload_component,
type: "button",
onClick: function () {
scope.$broadcast(event_refreshChartView, {})
}
}]
})
}
~~~
十二 在copy option 對象 添加 下面代碼
~~~
case "worldMap":
option = angular.copy(worldMapOptionTemplate);
delete option.series[0].markLine;
delete option.series[0].markPoint;
option.dataRange = {
y: "top",
itemWidth: 12,
itemHeight: 10,
splitList: [{
start: 140,
color: "#dd6b66"
}, {
start: 70,
end: 140,
color: "#ea7e53"
}, {
start: 40,
end: 70,
color: "#e69d87"
}, {
start: 20,
end: 40,
color: "#8dc1a9"
}, {
start: 0,
end: 20,
color: "#73b9bc"
}]
};
option.series[0].data = [
{name:'盧旺達',value:56.99},
{name:'布隆迪',value:20.27},
{name:'尼泊爾',value:40.01},
{name:'烏干達',value:40.37},
{name:'老撾',value:71.28},
{name:'埃塞俄比亞',value:19.96},
{name:'馬達加斯加',value:21.82},
{name:'海地',value:33.11},
{name:'也門',value:51.51},
{name:'肯尼亞',value:33.33},
{name:'菲律賓',value:68.82},
{name:'索馬里',value:0},
{name:'阿富汗',value:15.94},
{name:'巴基斯坦',value:28.16},
{name:'朝鮮',value:0},
{name:'印度',value:33.2},
{name:'厄立特里亞',value:10.59},
{name:'哥倫比亞',value:143.51},
{name:'哥倫比亞',value:143.51},
{name:'巴布亞新幾內亞',value:32.39},
{name:'布基納法索',value:12.84},
{name:'馬拉維',value:9.97},
{name:'埃及',value:53.39},
{name:'塞拉利昂',value:8.72},
{name:'尼加拉瓜',value:29.14},
{name:'坦桑尼亞',value:13.09},
{name:'尼日利亞',value:43.94},
{name:'尼日爾',value:6.35},
{name:'毛里塔尼亞',value:21.69},
{name:'喀麥隆',value:19.69},
{name:'新加坡',value:788.07},
{name:'緬甸',value:15.48},
{name:'印尼',value:49.68},
{name:'貝寧',value:11.62},
{name:'摩洛哥',value:44.39},
{name:'馬里',value:10.68},
{name:'哥斯達黎加',value:124.23},
{name:'薩爾瓦多',value:53.55},
{name:'厄瓜多爾',value:69.56},
{name:'泰國',value:75.76},
{name:'斯里蘭卡',value:40.52},
{name:'多米尼加',value:77.08},
{name:'韓國',value:312.71},
{name:'剛果民主共和國',value:4.37},
{name:'越南',value:18.4},
{name:'幾內亞',value:5.92},
{name:'危地馬拉',value:37.58},
{name:'利比里亞',value:4.31},
{name:'多哥',value:6.35},
{name:'秘魯',value:64.13},
{name:'毛里求斯',value:100.04},
{name:'莫桑比克',value:5.08},
{name:'阿爾及利亞',value:53.74},
{name:'柬埔寨',value:9.37},
{name:'斯威士蘭',value:45.26},
{name:'乍得',value:10.66},
{name:'塞內加爾',value:11.74},
{name:'津巴布韋',value:7.85},
{name:'黎巴嫩',value:95.02},
{name:'洪都拉斯',value:22.47},
{name:'伊拉克',value:47.76},
{name:'科特迪瓦',value:13.1},
{name:'孟加拉國',value:7.25},
{name:'贊比亞',value:13.51},
{name:'巴拿馬',value:72.29},
{name:'中非共和國',value:3.97},
{name:'突尼斯',value:36.71},
{name:'加納',value:11.49},
{name:'斐濟',value:31.41},
{name:'安哥拉',value:32.99},
{name:'岡比亞',value:4.76},
{name:'中國',value:37.89},
{name:'剛果共和國',value:24.02},
{name:'古巴',value:45.95},
{name:'蘇丹',value:14.59},
{name:'伊朗',value:49.76},
{name:'委內瑞拉',value:106.43},
{name:'土耳其',value:73.85},
{name:'牙買加',value:32.98},
{name:'敘利亞',value:0},
{name:'玻利維亞',value:13.1},
{name:'巴西',value:68.18},
{name:'阿聯酋',value:204.32},
{name:'智利',value:70.17},
{name:'馬來西亞',value:47.23},
{name:'蘇里南',value:43.68},
{name:'前南馬其頓',value:23.52},
{name:'加蓬',value:47.86},
{name:'日本',value:224.41},
{name:'阿爾巴尼亞',value:19.88},
{name:'墨西哥',value:42.05},
{name:'波多黎各',value:122.98},
{name:'以色列',value:137.51},
{name:'西班牙',value:139},
{name:'特立尼達和多巴哥',value:73.85},
{name:'卡塔爾',value:312.81},
{name:'克羅地亞',value:19.07},
{name:'烏拉圭',value:50.36},
{name:'塔吉克斯坦',value:3.13},
{name:'巴林',value:85.71},
{name:'巴拉圭',value:13.55},
{name:'沙特阿拉伯',value:75.26},
{name:'瑞士',value:290.61},
{name:'蒙古',value:10.27},
{name:'科威特',value:144.27},
{name:'圭亞那',value:11.3},
{name:'英國',value:142.92},
{name:'塞浦路斯',value:85.21},
{name:'阿根廷',value:36.4},
{name:'愛爾蘭',value:170.27},
{name:'意大利',value:122.84},
{name:'南非',value:25.19},
{name:'荷蘭',value:167.29},
{name:'黑山共和國',value:20.69},
{name:'利比亞',value:35.61},
{name:'亞美尼亞',value:9.26},
{name:'斯洛文尼亞',value:68.59},
{name:'波蘭',value:35.51},
{name:'希臘',value:74.84},
{name:'納米比亞',value:14.1},
{name:'德國',value:113.16},
{name:'阿曼',value:53.31},
{name:'格魯吉亞',value:7.76},
{name:'盧森堡',value:261.76},
{name:'葡萄牙',value:56.74},
{name:'阿塞拜疆',value:14.7},
{name:'新喀里多尼亞',value:0},
{name:'吉爾吉斯斯坦',value:2.18},
{name:'新西蘭',value:81.44},
{name:'烏茲別克斯坦',value:3.28},
{name:'塞爾維亞',value:12.33},
{name:'法國',value:91.28},
{name:'奧地利',value:102.69},
{name:'捷克共和國',value:39.81},
{name:'斯洛伐克',value:33.15},
{name:'拉脫維亞',value:21.6},
{name:'挪威',value:164.82},
{name:'土庫曼斯坦',value:8.36},
{name:'比利時',value:81.96},
{name:'丹麥',value:99.84},
{name:'匈牙利',value:22.46},
{name:'伯利茲',value:6.99},
{name:'瑞典',value:82.78},
{name:'博茨瓦納',value:9.84},
{name:'羅馬尼亞',value:12.26},
{name:'俄羅斯',value:15.51},
{name:'澳大利亞',value:74.66},
{name:'加拿大',value:67.79},
{name:'保加利亞',value:9.73},
{name:'哈薩克斯坦',value:12.24},
{name:'立陶宛',value:16.14},
{name:'愛沙尼亞',value:19.49},
{name:'白俄羅斯',value:7.67},
{name:'美國',value:63.52},
{name:'美國',value:63.52},
{name:'文萊',value:45.69},
{name:'摩爾多瓦',value:2.08},
{name:'巴哈馬',value:26.37},
{name:'芬蘭',value:55.07},
{name:'烏克蘭',value:3.33},
{name:'北馬里亞納',value:0},
{name:'南蘇丹',value:0},
{name:'索馬里蘭',value:0},
{name:'黑山',value:0},
{name:'科索沃',value:0},
{name:'塞爾維亞',value:0}];
break;
~~~
2018-08-1 ----08-18
選擇地區地圖 完 代碼已整理
k線圖重寫了 完 代碼已整理
k線圖軸線相關配置 完 代碼已整理
k線圖圖形里相關配置 完 代碼已整理
世界地圖 完 代碼已整理
2018-8-20
雷達分享bug 完
山西流向地圖模板 完
汽車儀表盤 單位值亂碼 完
- 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說明文檔
- 色斑圖加透明