You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
310 lines
10 KiB
310 lines
10 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Awesome-pyecharts</title>
|
|
<script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
|
|
|
|
|
|
</head>
|
|
<body >
|
|
<div id="00f65452be044220848c6d3983913bc9" class="chart-container" style="width:900px; height:500px; "></div>
|
|
<script>
|
|
var chart_00f65452be044220848c6d3983913bc9 = echarts.init(
|
|
document.getElementById('00f65452be044220848c6d3983913bc9'), 'white', {renderer: 'canvas'});
|
|
var option_00f65452be044220848c6d3983913bc9 = {
|
|
"animation": true,
|
|
"animationThreshold": 2000,
|
|
"animationDuration": 1000,
|
|
"animationEasing": "cubicOut",
|
|
"animationDelay": 0,
|
|
"animationDurationUpdate": 300,
|
|
"animationEasingUpdate": "cubicOut",
|
|
"animationDelayUpdate": 0,
|
|
"aria": {
|
|
"enabled": false
|
|
},
|
|
"color": [
|
|
"#5470c6",
|
|
"#91cc75",
|
|
"#fac858",
|
|
"#ee6666",
|
|
"#73c0de",
|
|
"#3ba272",
|
|
"#fc8452",
|
|
"#9a60b4",
|
|
"#ea7ccc"
|
|
],
|
|
"series": [
|
|
{
|
|
"type": "bar",
|
|
"name": "\u8bfe\u7a0b\u6570\u91cf",
|
|
"legendHoverLink": true,
|
|
"data": [
|
|
581,
|
|
538,
|
|
350,
|
|
295,
|
|
295,
|
|
292,
|
|
249,
|
|
216,
|
|
149,
|
|
32,
|
|
26,
|
|
22,
|
|
18,
|
|
14,
|
|
14,
|
|
4,
|
|
2,
|
|
2,
|
|
713,
|
|
574,
|
|
477,
|
|
312,
|
|
168,
|
|
102,
|
|
94,
|
|
56,
|
|
45,
|
|
41,
|
|
26,
|
|
16,
|
|
12,
|
|
6,
|
|
3,
|
|
449,
|
|
403,
|
|
373,
|
|
361,
|
|
318,
|
|
317,
|
|
295,
|
|
261,
|
|
203,
|
|
32,
|
|
29,
|
|
24,
|
|
24,
|
|
21,
|
|
19,
|
|
3,
|
|
2
|
|
],
|
|
"realtimeSort": false,
|
|
"showBackground": false,
|
|
"stackStrategy": "samesign",
|
|
"cursor": "pointer",
|
|
"barWidth": "30%",
|
|
"barMinHeight": 0,
|
|
"barCategoryGap": "20%",
|
|
"barGap": "30%",
|
|
"large": false,
|
|
"largeThreshold": 400,
|
|
"seriesLayoutBy": "column",
|
|
"datasetIndex": 0,
|
|
"clip": true,
|
|
"zlevel": 0,
|
|
"z": 2,
|
|
"label": {
|
|
"show": true,
|
|
"margin": 8,
|
|
"valueAnimation": false
|
|
},
|
|
"itemStyle": {
|
|
"color": function(params) { var colorList = ['#5470C6', '#91CC75', '#EE6666', '#73C0DE', '#3BA272', '#FC8452', '#9A60B4', '#EA7CCC']; return colorList[params.dataIndex % colorList.length]; }
|
|
}
|
|
}
|
|
],
|
|
"legend": [
|
|
{
|
|
"data": [
|
|
"\u8bfe\u7a0b\u6570\u91cf"
|
|
],
|
|
"selected": {},
|
|
"show": false,
|
|
"padding": 5,
|
|
"itemGap": 10,
|
|
"itemWidth": 25,
|
|
"itemHeight": 14,
|
|
"backgroundColor": "transparent",
|
|
"borderColor": "#ccc",
|
|
"borderRadius": 0,
|
|
"pageButtonItemGap": 5,
|
|
"pageButtonPosition": "end",
|
|
"pageFormatter": "{current}/{total}",
|
|
"pageIconColor": "#2f4554",
|
|
"pageIconInactiveColor": "#aaa",
|
|
"pageIconSize": 15,
|
|
"animationDurationUpdate": 800,
|
|
"selector": false,
|
|
"selectorPosition": "auto",
|
|
"selectorItemGap": 7,
|
|
"selectorButtonGap": 10
|
|
}
|
|
],
|
|
"tooltip": {
|
|
"show": true,
|
|
"trigger": "item",
|
|
"triggerOn": "mousemove|click",
|
|
"axisPointer": {
|
|
"type": "line"
|
|
},
|
|
"showContent": true,
|
|
"alwaysShowContent": false,
|
|
"showDelay": 0,
|
|
"hideDelay": 100,
|
|
"enterable": false,
|
|
"confine": false,
|
|
"appendToBody": false,
|
|
"transitionDuration": 0.4,
|
|
"textStyle": {
|
|
"fontSize": 14
|
|
},
|
|
"borderWidth": 0,
|
|
"padding": 5,
|
|
"order": "seriesAsc"
|
|
},
|
|
"xAxis": [
|
|
{
|
|
"name": "\u5b66\u6bb5 - \u79d1\u76ee",
|
|
"show": true,
|
|
"scale": false,
|
|
"nameLocation": "end",
|
|
"nameGap": 15,
|
|
"gridIndex": 0,
|
|
"axisLabel": {
|
|
"show": true,
|
|
"rotate": 45,
|
|
"margin": 8,
|
|
"valueAnimation": false
|
|
},
|
|
"inverse": false,
|
|
"offset": 0,
|
|
"splitNumber": 5,
|
|
"boundaryGap": true,
|
|
"minInterval": 0,
|
|
"splitLine": {
|
|
"show": false,
|
|
"lineStyle": {
|
|
"show": true,
|
|
"width": 1,
|
|
"opacity": 1,
|
|
"curveness": 0,
|
|
"type": "solid"
|
|
}
|
|
},
|
|
"animation": true,
|
|
"animationThreshold": 2000,
|
|
"animationDuration": 1000,
|
|
"animationEasing": "cubicOut",
|
|
"animationDelay": 0,
|
|
"animationDurationUpdate": 300,
|
|
"animationEasingUpdate": "cubicOut",
|
|
"animationDelayUpdate": 0,
|
|
"data": [
|
|
"\u521d\u4e2d - \u6570\u5b66",
|
|
"\u521d\u4e2d - \u8bed\u6587",
|
|
"\u521d\u4e2d - \u9053\u5fb7\u4e0e\u6cd5\u6cbb",
|
|
"\u521d\u4e2d - \u7269\u7406",
|
|
"\u521d\u4e2d - \u82f1\u8bed",
|
|
"\u521d\u4e2d - \u5730\u7406",
|
|
"\u521d\u4e2d - \u5386\u53f2",
|
|
"\u521d\u4e2d - \u751f\u7269",
|
|
"\u521d\u4e2d - \u5316\u5b66",
|
|
"\u521d\u4e2d - \u52b3\u52a8\u6280\u672f",
|
|
"\u521d\u4e2d - \u5bb6\u6821\u5171\u80b2",
|
|
"\u521d\u4e2d - \u97f3\u4e50",
|
|
"\u521d\u4e2d - \u5fc3\u7406\u5065\u5eb7",
|
|
"\u521d\u4e2d - \u7f8e\u672f",
|
|
"\u521d\u4e2d - \u4f53\u80b2\u4e0e\u5065\u5eb7",
|
|
"\u521d\u4e2d - \u94f8\u7262\u4e2d\u534e\u6c11\u65cf\u5171\u540c\u4f53\u610f\u8bc6",
|
|
"\u521d\u4e2d - \u5b89\u5168\u6559\u80b2",
|
|
"\u5b66\u524d - \u5bb6\u5ead\u6559\u80b2\u6307\u5bfc",
|
|
"\u5c0f\u5b66 - \u6570\u5b66",
|
|
"\u5c0f\u5b66 - \u8bed\u6587",
|
|
"\u5c0f\u5b66 - \u82f1\u8bed",
|
|
"\u5c0f\u5b66 - \u79d1\u5b66",
|
|
"\u5c0f\u5b66 - \u9053\u5fb7\u4e0e\u6cd5\u6cbb",
|
|
"\u5c0f\u5b66 - \u97f3\u4e50",
|
|
"\u5c0f\u5b66 - \u5bb6\u6821\u5171\u80b2",
|
|
"\u5c0f\u5b66 - \u4f53\u80b2\u4e0e\u5065\u5eb7",
|
|
"\u5c0f\u5b66 - \u7f8e\u672f",
|
|
"\u5c0f\u5b66 - \u4e66\u6cd5",
|
|
"\u5c0f\u5b66 - \u5fc3\u7406\u5065\u5eb7",
|
|
"\u5c0f\u5b66 - \u878d\u5408\u8bfe",
|
|
"\u5c0f\u5b66 - \u52b3\u52a8\u6280\u672f",
|
|
"\u5c0f\u5b66 - \u5b89\u5168\u6559\u80b2",
|
|
"\u5c0f\u5b66 - \u94f8\u7262\u4e2d\u534e\u6c11\u65cf\u5171\u540c\u4f53\u610f\u8bc6",
|
|
"\u9ad8\u4e2d - \u751f\u7269",
|
|
"\u9ad8\u4e2d - \u5316\u5b66",
|
|
"\u9ad8\u4e2d - \u601d\u60f3\u653f\u6cbb",
|
|
"\u9ad8\u4e2d - \u8bed\u6587",
|
|
"\u9ad8\u4e2d - \u5386\u53f2",
|
|
"\u9ad8\u4e2d - \u6570\u5b66",
|
|
"\u9ad8\u4e2d - \u7269\u7406",
|
|
"\u9ad8\u4e2d - \u5730\u7406",
|
|
"\u9ad8\u4e2d - \u82f1\u8bed",
|
|
"\u9ad8\u4e2d - \u97f3\u4e50",
|
|
"\u9ad8\u4e2d - \u5bb6\u6821\u5171\u80b2",
|
|
"\u9ad8\u4e2d - \u52b3\u52a8\u6280\u672f",
|
|
"\u9ad8\u4e2d - \u7f8e\u672f",
|
|
"\u9ad8\u4e2d - \u5fc3\u7406\u5065\u5eb7",
|
|
"\u9ad8\u4e2d - \u4f53\u80b2\u4e0e\u5065\u5eb7",
|
|
"\u9ad8\u4e2d - \u751f\u6daf\u89c4\u5212",
|
|
"\u9ad8\u4e2d - \u5b89\u5168\u6559\u80b2"
|
|
]
|
|
}
|
|
],
|
|
"yAxis": [
|
|
{
|
|
"name": "\u8bfe\u7a0b\u6570\u91cf",
|
|
"show": true,
|
|
"scale": false,
|
|
"nameLocation": "end",
|
|
"nameGap": 15,
|
|
"gridIndex": 0,
|
|
"inverse": false,
|
|
"offset": 0,
|
|
"splitNumber": 5,
|
|
"minInterval": 0,
|
|
"splitLine": {
|
|
"show": true,
|
|
"lineStyle": {
|
|
"show": true,
|
|
"width": 1,
|
|
"opacity": 1,
|
|
"curveness": 0,
|
|
"type": "solid"
|
|
}
|
|
},
|
|
"animation": true,
|
|
"animationThreshold": 2000,
|
|
"animationDuration": 1000,
|
|
"animationEasing": "cubicOut",
|
|
"animationDelay": 0,
|
|
"animationDurationUpdate": 300,
|
|
"animationEasingUpdate": "cubicOut",
|
|
"animationDelayUpdate": 0
|
|
}
|
|
],
|
|
"title": [
|
|
{
|
|
"show": true,
|
|
"text": "\u957f\u6625\u4e91\u6821\u8bfe\u7a0b\u5efa\u8bbe\u7edf\u8ba1\u56fe",
|
|
"target": "blank",
|
|
"subtarget": "blank",
|
|
"padding": 5,
|
|
"itemGap": 10,
|
|
"textAlign": "auto",
|
|
"textVerticalAlign": "auto",
|
|
"triggerEvent": false
|
|
}
|
|
]
|
|
};
|
|
chart_00f65452be044220848c6d3983913bc9.setOption(option_00f65452be044220848c6d3983913bc9);
|
|
</script>
|
|
</body>
|
|
</html>
|