Spaces:
Runtime error
Runtime error
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Awesome-pyecharts</title> | |
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script> | |
</head> | |
<body> | |
<center> | |
<div id="d989a5f87e4f460da8f5936ec3de8705" class="chart-container" style="width:900px; height:500px;"></div> | |
<script> | |
var chart_d989a5f87e4f460da8f5936ec3de8705 = echarts.init( | |
document.getElementById('d989a5f87e4f460da8f5936ec3de8705'), 'white', {renderer: 'canvas'}); | |
var option_d989a5f87e4f460da8f5936ec3de8705 = { | |
"animation": true, | |
"animationThreshold": 2000, | |
"animationDuration": 1000, | |
"animationEasing": "cubicOut", | |
"animationDelay": 0, | |
"animationDurationUpdate": 300, | |
"animationEasingUpdate": "cubicOut", | |
"animationDelayUpdate": 0, | |
"color": [ | |
"#c23531", | |
"#2f4554", | |
"#61a0a8", | |
"#d48265", | |
"#749f83", | |
"#ca8622", | |
"#bda29a", | |
"#6e7074", | |
"#546570", | |
"#c4ccd3", | |
"#f05b72", | |
"#ef5b9c", | |
"#f47920", | |
"#905a3d", | |
"#fab27b", | |
"#2a5caa", | |
"#444693", | |
"#726930", | |
"#b2d235", | |
"#6d8346", | |
"#ac6767", | |
"#1d953f", | |
"#6950a1", | |
"#918597" | |
], | |
"series": [ | |
{ | |
"type": "bar", | |
"name": "\u5546\u5bb6A", | |
"legendHoverLink": true, | |
"data": [ | |
114, | |
55, | |
27, | |
101, | |
125, | |
27, | |
105 | |
], | |
"showBackground": false, | |
"barMinHeight": 0, | |
"barCategoryGap": "20%", | |
"barGap": "30%", | |
"large": false, | |
"largeThreshold": 400, | |
"seriesLayoutBy": "column", | |
"datasetIndex": 0, | |
"clip": true, | |
"zlevel": 0, | |
"z": 2, | |
"label": { | |
"show": true, | |
"position": "top", | |
"margin": 8 | |
} | |
}, | |
{ | |
"type": "bar", | |
"name": "\u5546\u5bb6B", | |
"legendHoverLink": true, | |
"data": [ | |
57, | |
134, | |
137, | |
129, | |
145, | |
60, | |
49 | |
], | |
"showBackground": false, | |
"barMinHeight": 0, | |
"barCategoryGap": "20%", | |
"barGap": "30%", | |
"large": false, | |
"largeThreshold": 400, | |
"seriesLayoutBy": "column", | |
"datasetIndex": 0, | |
"clip": true, | |
"zlevel": 0, | |
"z": 2, | |
"label": { | |
"show": true, | |
"position": "top", | |
"margin": 8 | |
} | |
} | |
], | |
"legend": [ | |
{ | |
"data": [ | |
"\u5546\u5bb6A", | |
"\u5546\u5bb6B" | |
], | |
"selected": { | |
"\u5546\u5bb6A": true, | |
"\u5546\u5bb6B": true | |
}, | |
"show": true, | |
"padding": 5, | |
"itemGap": 10, | |
"itemWidth": 25, | |
"itemHeight": 14 | |
} | |
], | |
"tooltip": { | |
"show": true, | |
"trigger": "item", | |
"triggerOn": "mousemove|click", | |
"axisPointer": { | |
"type": "line" | |
}, | |
"showContent": true, | |
"alwaysShowContent": false, | |
"showDelay": 0, | |
"hideDelay": 100, | |
"textStyle": { | |
"fontSize": 14 | |
}, | |
"borderWidth": 0, | |
"padding": 5 | |
}, | |
"xAxis": [ | |
{ | |
"show": true, | |
"scale": false, | |
"nameLocation": "end", | |
"nameGap": 15, | |
"gridIndex": 0, | |
"inverse": false, | |
"offset": 0, | |
"splitNumber": 5, | |
"minInterval": 0, | |
"splitLine": { | |
"show": false, | |
"lineStyle": { | |
"show": true, | |
"width": 1, | |
"opacity": 1, | |
"curveness": 0, | |
"type": "solid" | |
} | |
}, | |
"data": [ | |
"\u886c\u886b", | |
"\u6bdb\u8863", | |
"\u9886\u5e26", | |
"\u88e4\u5b50", | |
"\u98ce\u8863", | |
"\u9ad8\u8ddf\u978b", | |
"\u889c\u5b50" | |
] | |
} | |
], | |
"yAxis": [ | |
{ | |
"show": true, | |
"scale": false, | |
"nameLocation": "end", | |
"nameGap": 15, | |
"gridIndex": 0, | |
"inverse": false, | |
"offset": 0, | |
"splitNumber": 5, | |
"minInterval": 0, | |
"splitLine": { | |
"show": false, | |
"lineStyle": { | |
"show": true, | |
"width": 1, | |
"opacity": 1, | |
"curveness": 0, | |
"type": "solid" | |
} | |
} | |
} | |
], | |
"title": [ | |
{ | |
"text": "\u67d0\u5546\u573a\u9500\u552e\u60c5\u51b5", | |
"padding": 5, | |
"itemGap": 10 | |
} | |
] | |
}; | |
chart_d989a5f87e4f460da8f5936ec3de8705.setOption(option_d989a5f87e4f460da8f5936ec3de8705); | |
</script> | |
</center> | |
</body> | |
</html> | |