443 lines
11 KiB
JavaScript
443 lines
11 KiB
JavaScript
|
|
||
|
|
(function (root, factory) {
|
||
|
|
if (typeof define === 'function' && define.amd) {
|
||
|
|
// AMD. Register as an anonymous module.
|
||
|
|
define(['exports', 'echarts'], factory);
|
||
|
|
} else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
|
||
|
|
// CommonJS
|
||
|
|
factory(exports, require('echarts'));
|
||
|
|
} else {
|
||
|
|
// Browser globals
|
||
|
|
factory({}, root.echarts);
|
||
|
|
}
|
||
|
|
}(this, function (exports, echarts) {
|
||
|
|
var log = function (msg) {
|
||
|
|
if (typeof console !== 'undefined') {
|
||
|
|
console && console.error && console.error(msg);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
if (!echarts) {
|
||
|
|
log('ECharts is not Loaded');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
echarts.registerTheme('roma', {
|
||
|
|
"color": [
|
||
|
|
"#e01f54",
|
||
|
|
"#001852",
|
||
|
|
"#f5e8c8",
|
||
|
|
"#b8d2c7",
|
||
|
|
"#c6b38e",
|
||
|
|
"#a4d8c2",
|
||
|
|
"#f3d999",
|
||
|
|
"#d3758f",
|
||
|
|
"#dcc392",
|
||
|
|
"#2e4783",
|
||
|
|
"#82b6e9",
|
||
|
|
"#ff6347",
|
||
|
|
"#a092f1",
|
||
|
|
"#0a915d",
|
||
|
|
"#eaf889",
|
||
|
|
"#6699ff",
|
||
|
|
"#ff6666",
|
||
|
|
"#3cb371",
|
||
|
|
"#d5b158",
|
||
|
|
"#38b6b6"
|
||
|
|
],
|
||
|
|
"backgroundColor": "rgba(0,0,0,0)",
|
||
|
|
"textStyle": {},
|
||
|
|
"title": {
|
||
|
|
"textStyle": {
|
||
|
|
"color": "#333333"
|
||
|
|
},
|
||
|
|
"subtextStyle": {
|
||
|
|
"color": "#aaaaaa"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"line": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 1
|
||
|
|
},
|
||
|
|
"lineStyle": {
|
||
|
|
"width": 2
|
||
|
|
},
|
||
|
|
"symbolSize": 4,
|
||
|
|
"symbol": "emptyCircle",
|
||
|
|
"smooth": false
|
||
|
|
},
|
||
|
|
"radar": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 1
|
||
|
|
},
|
||
|
|
"lineStyle": {
|
||
|
|
"width": 2
|
||
|
|
},
|
||
|
|
"symbolSize": 4,
|
||
|
|
"symbol": "emptyCircle",
|
||
|
|
"smooth": false
|
||
|
|
},
|
||
|
|
"bar": {
|
||
|
|
"itemStyle": {
|
||
|
|
"barBorderWidth": 0,
|
||
|
|
"barBorderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"pie": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"scatter": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"boxplot": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"parallel": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"sankey": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"funnel": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"gauge": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"candlestick": {
|
||
|
|
"itemStyle": {
|
||
|
|
"color": "#e01f54",
|
||
|
|
"color0": "#001852",
|
||
|
|
"borderColor": "#f5e8c8",
|
||
|
|
"borderColor0": "#b8d2c7",
|
||
|
|
"borderWidth": 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"graph": {
|
||
|
|
"itemStyle": {
|
||
|
|
"borderWidth": 0,
|
||
|
|
"borderColor": "#ccc"
|
||
|
|
},
|
||
|
|
"lineStyle": {
|
||
|
|
"width": 1,
|
||
|
|
"color": "#aaaaaa"
|
||
|
|
},
|
||
|
|
"symbolSize": 4,
|
||
|
|
"symbol": "emptyCircle",
|
||
|
|
"smooth": false,
|
||
|
|
"color": [
|
||
|
|
"#e01f54",
|
||
|
|
"#001852",
|
||
|
|
"#f5e8c8",
|
||
|
|
"#b8d2c7",
|
||
|
|
"#c6b38e",
|
||
|
|
"#a4d8c2",
|
||
|
|
"#f3d999",
|
||
|
|
"#d3758f",
|
||
|
|
"#dcc392",
|
||
|
|
"#2e4783",
|
||
|
|
"#82b6e9",
|
||
|
|
"#ff6347",
|
||
|
|
"#a092f1",
|
||
|
|
"#0a915d",
|
||
|
|
"#eaf889",
|
||
|
|
"#6699ff",
|
||
|
|
"#ff6666",
|
||
|
|
"#3cb371",
|
||
|
|
"#d5b158",
|
||
|
|
"#38b6b6"
|
||
|
|
],
|
||
|
|
"label": {
|
||
|
|
"color": "#eeeeee"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"map": {
|
||
|
|
"itemStyle": {
|
||
|
|
"areaColor": "#eeeeee",
|
||
|
|
"borderColor": "#444444",
|
||
|
|
"borderWidth": 0.5
|
||
|
|
},
|
||
|
|
"label": {
|
||
|
|
"color": "#000000"
|
||
|
|
},
|
||
|
|
"emphasis": {
|
||
|
|
"itemStyle": {
|
||
|
|
"areaColor": "rgba(255,215,0,0.8)",
|
||
|
|
"borderColor": "#444",
|
||
|
|
"borderWidth": 1
|
||
|
|
},
|
||
|
|
"label": {
|
||
|
|
"color": "rgb(100,0,0)"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"geo": {
|
||
|
|
"itemStyle": {
|
||
|
|
"areaColor": "#eeeeee",
|
||
|
|
"borderColor": "#444444",
|
||
|
|
"borderWidth": 0.5
|
||
|
|
},
|
||
|
|
"label": {
|
||
|
|
"color": "#000000"
|
||
|
|
},
|
||
|
|
"emphasis": {
|
||
|
|
"itemStyle": {
|
||
|
|
"areaColor": "rgba(255,215,0,0.8)",
|
||
|
|
"borderColor": "#444",
|
||
|
|
"borderWidth": 1
|
||
|
|
},
|
||
|
|
"label": {
|
||
|
|
"color": "rgb(100,0,0)"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"categoryAxis": {
|
||
|
|
"axisLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisTick": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisLabel": {
|
||
|
|
"show": true,
|
||
|
|
"color": "#333"
|
||
|
|
},
|
||
|
|
"splitLine": {
|
||
|
|
"show": false,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": [
|
||
|
|
"#ccc"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"splitArea": {
|
||
|
|
"show": false,
|
||
|
|
"areaStyle": {
|
||
|
|
"color": [
|
||
|
|
"rgba(250,250,250,0.3)",
|
||
|
|
"rgba(200,200,200,0.3)"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"valueAxis": {
|
||
|
|
"axisLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisTick": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisLabel": {
|
||
|
|
"show": true,
|
||
|
|
"color": "#333"
|
||
|
|
},
|
||
|
|
"splitLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": [
|
||
|
|
"#ccc"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"splitArea": {
|
||
|
|
"show": false,
|
||
|
|
"areaStyle": {
|
||
|
|
"color": [
|
||
|
|
"rgba(250,250,250,0.3)",
|
||
|
|
"rgba(200,200,200,0.3)"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"logAxis": {
|
||
|
|
"axisLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisTick": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisLabel": {
|
||
|
|
"show": true,
|
||
|
|
"color": "#333"
|
||
|
|
},
|
||
|
|
"splitLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": [
|
||
|
|
"#ccc"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"splitArea": {
|
||
|
|
"show": false,
|
||
|
|
"areaStyle": {
|
||
|
|
"color": [
|
||
|
|
"rgba(250,250,250,0.3)",
|
||
|
|
"rgba(200,200,200,0.3)"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"timeAxis": {
|
||
|
|
"axisLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisTick": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"axisLabel": {
|
||
|
|
"show": true,
|
||
|
|
"color": "#333"
|
||
|
|
},
|
||
|
|
"splitLine": {
|
||
|
|
"show": true,
|
||
|
|
"lineStyle": {
|
||
|
|
"color": [
|
||
|
|
"#ccc"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"splitArea": {
|
||
|
|
"show": false,
|
||
|
|
"areaStyle": {
|
||
|
|
"color": [
|
||
|
|
"rgba(250,250,250,0.3)",
|
||
|
|
"rgba(200,200,200,0.3)"
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"toolbox": {
|
||
|
|
"iconStyle": {
|
||
|
|
"borderColor": "#999999"
|
||
|
|
},
|
||
|
|
"emphasis": {
|
||
|
|
"iconStyle": {
|
||
|
|
"borderColor": "#666666"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"legend": {
|
||
|
|
"textStyle": {
|
||
|
|
"color": "#333333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"tooltip": {
|
||
|
|
"axisPointer": {
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#cccccc",
|
||
|
|
"width": 1
|
||
|
|
},
|
||
|
|
"crossStyle": {
|
||
|
|
"color": "#cccccc",
|
||
|
|
"width": 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"timeline": {
|
||
|
|
"lineStyle": {
|
||
|
|
"color": "#293c55",
|
||
|
|
"width": 1
|
||
|
|
},
|
||
|
|
"itemStyle": {
|
||
|
|
"color": "#293c55",
|
||
|
|
"borderWidth": 1
|
||
|
|
},
|
||
|
|
"controlStyle": {
|
||
|
|
"color": "#293c55",
|
||
|
|
"borderColor": "#293c55",
|
||
|
|
"borderWidth": 0.5
|
||
|
|
},
|
||
|
|
"checkpointStyle": {
|
||
|
|
"color": "#e43c59",
|
||
|
|
"borderColor": "#c23531"
|
||
|
|
},
|
||
|
|
"label": {
|
||
|
|
"color": "#293c55"
|
||
|
|
},
|
||
|
|
"emphasis": {
|
||
|
|
"itemStyle": {
|
||
|
|
"color": "#a9334c"
|
||
|
|
},
|
||
|
|
"controlStyle": {
|
||
|
|
"color": "#293c55",
|
||
|
|
"borderColor": "#293c55",
|
||
|
|
"borderWidth": 0.5
|
||
|
|
},
|
||
|
|
"label": {
|
||
|
|
"color": "#293c55"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"visualMap": {
|
||
|
|
"color": [
|
||
|
|
"#e01f54",
|
||
|
|
"#e7dbc3"
|
||
|
|
]
|
||
|
|
},
|
||
|
|
"dataZoom": {
|
||
|
|
"backgroundColor": "rgba(47,69,84,0)",
|
||
|
|
"dataBackgroundColor": "rgba(47,69,84,0.3)",
|
||
|
|
"fillerColor": "rgba(167,183,204,0.4)",
|
||
|
|
"handleColor": "#a7b7cc",
|
||
|
|
"handleSize": "100%",
|
||
|
|
"textStyle": {
|
||
|
|
"color": "#333333"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"markPoint": {
|
||
|
|
"label": {
|
||
|
|
"color": "#eeeeee"
|
||
|
|
},
|
||
|
|
"emphasis": {
|
||
|
|
"label": {
|
||
|
|
"color": "#eeeeee"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}));
|