diff --git a/my_analysis.py b/my_analysis.py
index 682974a..32b9d7d 100644
--- a/my_analysis.py
+++ b/my_analysis.py
@@ -1,5 +1,6 @@
from pyecharts.charts import Bar
-
-subjects = ["浈浈", "聪聪", "小智", "波奇"]
-scores1 = [92, 95, 82, 88] # 期中成绩
-scores2 = [95, 79, 93, 90] # 期末成绩
\ No newline at end of file
+bar=Bar()
+bar.add_xaxis(["浈浈", "聪聪", "小智", "波奇"])
+bar.add_yaxis("期中成绩",[92, 95, 82, 88]) # 期中成绩
+bar.add_yaxis("期末成绩",[95, 79, 93, 90]) # 期末成绩
+bar.render()
\ No newline at end of file
diff --git a/render.html b/render.html
new file mode 100644
index 0000000..13d1b27
--- /dev/null
+++ b/render.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<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>
+ <div id="4b3078fad6e34e7eb7a6313c308cb2d0" class="chart-container" style="width:900px; height:500px;"></div>
+ <script>
+ var chart_4b3078fad6e34e7eb7a6313c308cb2d0 = echarts.init(
+ document.getElementById('4b3078fad6e34e7eb7a6313c308cb2d0'), 'white', {renderer: 'canvas'});
+ var option_4b3078fad6e34e7eb7a6313c308cb2d0 = {
+ "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": "\u671f\u4e2d\u6210\u7ee9",
+ "legendHoverLink": true,
+ "data": [
+ 92,
+ 95,
+ 82,
+ 88
+ ],
+ "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": "\u671f\u672b\u6210\u7ee9",
+ "legendHoverLink": true,
+ "data": [
+ 95,
+ 79,
+ 93,
+ 90
+ ],
+ "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": [
+ "\u671f\u4e2d\u6210\u7ee9",
+ "\u671f\u672b\u6210\u7ee9"
+ ],
+ "selected": {
+ "\u671f\u4e2d\u6210\u7ee9": true,
+ "\u671f\u672b\u6210\u7ee9": true
+ }
+ }
+ ],
+ "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": [
+ "\u6d48\u6d48",
+ "\u806a\u806a",
+ "\u5c0f\u667a",
+ "\u6ce2\u5947"
+ ]
+ }
+ ],
+ "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"
+ }
+ }
+ }
+ ]
+};
+ chart_4b3078fad6e34e7eb7a6313c308cb2d0.setOption(option_4b3078fad6e34e7eb7a6313c308cb2d0);
+ </script>
+</body>
+</html>