diff --git a/my_analysis.py b/my_analysis.py
index 052946b..4fc36c9 100644
--- a/my_analysis.py
+++ b/my_analysis.py
@@ -1,4 +1,6 @@
from pyecharts.charts import Bar
-subjects = ["语文","数学","英语","地理","历史","政治","生物","化学","物理"]
-scores = [88, 95, 96, 94, 62, 66, 64, 93, 89]
+bar = Bar()
+subjects_xaxis = ["语文","数学","英语","地理","历史","政治","生物","化学","物理"]
+scores_yaxis = [88, 95, 96, 94, 62, 66, 64, 93, 89]
+bar.render()
diff --git a/render.html b/render.html
new file mode 100644
index 0000000..80fb3e3
--- /dev/null
+++ b/render.html
@@ -0,0 +1,123 @@
+<!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="c3af2d72b3c94d8da501b800844edc17" class="chart-container" style="width:900px; height:500px;"></div>
+ <script>
+ var chart_c3af2d72b3c94d8da501b800844edc17 = echarts.init(
+ document.getElementById('c3af2d72b3c94d8da501b800844edc17'), 'white', {renderer: 'canvas'});
+ var option_c3af2d72b3c94d8da501b800844edc17 = {
+ "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": [],
+ "legend": [
+ {
+ "data": [],
+ "selected": {}
+ }
+ ],
+ "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"
+ }
+ }
+ }
+ ],
+ "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_c3af2d72b3c94d8da501b800844edc17.setOption(option_c3af2d72b3c94d8da501b800844edc17);
+ </script>
+</body>
+</html>