add example for apache/echarts#11951

apache · Feb 25, 2020 · 3d9e50f · 3d9e50f
1 parent fbcabf8
commit 3d9e50f
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 1 deletion.
diff --git a/public/data/bar-background.js b/public/data/bar-background.js
@@ -0,0 +1,17 @@
+option = {
+    xAxis: {
+        type: 'category',
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+    },
+    yAxis: {
+        type: 'value'
+    },
+    series: [{
+        data: [120, 200, 150, 80, 70, 110, 130],
+        type: 'bar',
+        showBackground: true,
+        backgroundStyle: {
+            color: 'rgba(220, 220, 220, 0.8)'
+        }
+    }]
+};
diff --git a/public/data/meta/bar-background.md b/public/data/meta/bar-background.md
@@ -0,0 +1,5 @@
+---
+title: Bar with Background
+titleCN: 带背景色的柱状图
+category: bar
+---
diff --git a/public/data/meta/bar-markline.md b/public/data/meta/bar-markline.md
@@ -0,0 +1,5 @@
+---
+title: Bar with Marklines
+titleCN: 柱状图的标记线
+category: bar
+---
diff --git a/public/javascripts/chart-list-data.js b/public/javascripts/chart-list-data.js
@@ -291,12 +291,20 @@ var EXAMPLES = [
     "title": "Rainfall and Evaporation",
     "difficulty": 10
   },
+  {
+    "category": [
+      "bar"
+    ],
+    "id": "bar-background",
+    "title": "Bar Chart with Background",
+    "difficulty": 10
+  },
   {
     "category": [
       "bar"
     ],
     "id": "bar-markline",
-    "title": "Bar Chart Marklines",
+    "title": "Bar Chart with Marklines",
     "difficulty": 10
   },
   {