chore: release v0.8.4

vueblocks · Jan 7, 2020 · aab9513 · aab9513
1 parent 582e5bb
commit aab9513
Show file tree

Hide file tree

Showing 6 changed files with 703 additions and 144 deletions.
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
@@ -21,6 +21,7 @@
   - [地图](chart-geo.md)
   - [词云图](chart-wordcloud.md)
   - [水球图](chart-liquidfill.md)
+  - [极区图](chart-polar.md)
 
 - 其他
   - [属性配置](setting-demo.md)

diff --git a/docs/chart-polar.md b/docs/chart-polar.md
@@ -0,0 +1,236 @@
+# 极区图
+
+## 示例
+
+<!-- <iframe width="100%" height="470" src="//jsfiddle.net/vecharts/u9p0kvkq/embedded/result,html,js/?bodyColor=fff" allowfullscreen="allowfullscreen" frameborder="0"></iframe> -->
+
+
+## 基础极区图
+
+<vuep template="#basicPolar" :options="{ theme: 'vue', lineNumbers: false }"></vuep>
+
+<script v-pre type="text/x-template" id="basicPolar">
+<template>
+  <ve-polar-chart :data="chartData" :settings="settings" />
+</template>
+
+<script>
+  module.exports = {
+    created () {
+      this.chartData = {
+        dimensions: {
+          name: 'week',
+          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
+        },
+        measures: [{
+          name: '健身记录',
+          data: [15, 30, 45, 60, 75, 90, 100]
+        }]
+      }
+      this.settings = {
+        polarType: 'bar'
+      }
+    }
+  }
+</script>
+
+## 极区柱形图（环形）
+
+<vuep template="#circlePolar" :options="{ theme: 'vue', lineNumbers: false }"></vuep>
+
+<script v-pre type="text/x-template" id="circlePolar">
+<template>
+  <ve-polar-chart :data="chartData" :settings="settings" />
+</template>
+
+<script>
+  module.exports = {
+    created () {
+      this.chartData = {
+        dimensions: {
+          name: 'product',
+          data: ['拿铁', '摩卡', '意式', '美式']
+        },
+        measures: [
+          {
+            name: '2017',
+            data: [43.2, 23.9, 87.7, 77.2]
+          },
+          {
+            name: '2018',
+            data: [33.9, 76.8, 65.1, 20.8]
+          },
+          {
+            name: '2019',
+            data: [90.7, 78.6, 28.7, 53.9]
+          }
+        ]
+      }
+      this.settings = {
+        polarType: 'bar'
+      }
+    }
+  }
+</script>
+
+## 极区堆叠柱形图（环形）
+
+<vuep template="#circleStackPolar" :options="{ theme: 'vue', lineNumbers: false }"></vuep>
+
+<script v-pre type="text/x-template" id="circleStackPolar">
+<template>
+  <ve-polar-chart :data="chartData" :settings="settings" />
+</template>
+
+<script>
+  module.exports = {
+    created () {
+      this.chartData = {
+        dimensions: {
+          name: 'product',
+          data: ['拿铁', '摩卡', '意式', '美式']
+        },
+        measures: [
+          {
+            name: '2017',
+            data: [43.2, 23.9, 87.7, 77.2]
+          },
+          {
+            name: '2018',
+            data: [33.9, 76.8, 65.1, 20.8]
+          },
+          {
+            name: '2019',
+            data: [90.7, 78.6, 28.7, 53.9]
+          }
+        ]
+      }
+      this.settings = {
+        polarType: 'bar',
+        stack: {}
+      }
+    }
+  }
+</script>
+
+## 极区面积图（径向）
+
+<vuep template="#radialAreaPolar" :options="{ theme: 'vue', lineNumbers: false }"></vuep>
+
+<script v-pre type="text/x-template" id="radialAreaPolar">
+<template>
+  <ve-polar-chart :data="chartData" :settings="settings" />
+</template>
+
+<script>
+  module.exports = {
+    created () {
+      this.chartData = {
+        dimensions: {
+          name: 'product',
+          data: ['拿铁', '摩卡', '意式', '美式']
+        },
+        measures: [
+          {
+            name: '2017',
+            data: [43.2, 23.9, 87.7, 77.2]
+          },
+          {
+            name: '2018',
+            data: [33.9, 76.8, 65.1, 20.8]
+          },
+          {
+            name: '2019',
+            data: [90.7, 78.6, 28.7, 53.9]
+          }
+        ]
+      }
+      this.settings = {
+        polarType: 'line',
+        radial: true,
+        areaStyle: {}
+      }
+    }
+  }
+</script>
+
+## 极区柱形图（径向）
+
+<vuep template="#radialBarPolar" :options="{ theme: 'vue', lineNumbers: false }"></vuep>
+
+<script v-pre type="text/x-template" id="radialBarPolar">
+<template>
+  <ve-polar-chart :data="chartData" :settings="settings" />
+</template>
+
+<script>
+  module.exports = {
+    created () {
+      this.chartData = {
+        dimensions: {
+          name: 'product',
+          data: ['拿铁', '摩卡', '意式', '美式']
+        },
+        measures: [
+          {
+            name: '2017',
+            data: [43.2, 23.9, 87.7, 77.2]
+          },
+          {
+            name: '2018',
+            data: [33.9, 76.8, 65.1, 20.8]
+          },
+          {
+            name: '2019',
+            data: [90.7, 78.6, 28.7, 53.9]
+          }
+        ]
+      }
+      this.settings = {
+        polarType: 'bar',
+        radial: true
+      }
+    }
+  }
+</script>
+
+## 极区堆叠柱形图（径向）
+
+<vuep template="#radialStackPolar" :options="{ theme: 'vue', lineNumbers: false }"></vuep>
+
+<script v-pre type="text/x-template" id="radialStackPolar">
+<template>
+  <ve-polar-chart :data="chartData" :settings="settings" />
+</template>
+
+<script>
+  module.exports = {
+    created () {
+      this.chartData = {
+        dimensions: {
+          name: 'product',
+          data: ['拿铁', '摩卡', '意式', '美式']
+        },
+        measures: [
+          {
+            name: '2017',
+            data: [43.2, 23.9, 87.7, 77.2]
+          },
+          {
+            name: '2018',
+            data: [33.9, 76.8, 65.1, 20.8]
+          },
+          {
+            name: '2019',
+            data: [90.7, 78.6, 28.7, 53.9]
+          }
+        ]
+      }
+      this.settings = {
+        polarType: 'bar',
+        radial: true,
+        stack: {}
+      }
+    }
+  }
+</script>