no message

Former-commit-id: 4d27ae069aeb4572fa89ad88830cea632a9c24e0 [formerly 4d27ae069aeb4572fa89ad88830cea632a9c24e0 [formerly 4d27ae069aeb4572fa89ad88830cea632a9c24e0 [formerly 4d27ae069aeb4572fa89ad88830cea632a9c24e0 [formerly 3257261d5f065c82095551c2af76ad5bcecd3599 [formerly 94e014848cab83f5fed0c3d8ff611a1a959c8452]]]]]
Former-commit-id: edda00f6da0858183b94f0982fe544ca65354a8b
Former-commit-id: 8813dd2f948073fa4b314beedd698cbd3820568f
Former-commit-id: 66b4d87f8efc7643f9551b84062d8e4188fdcb31 [formerly a3e7846f9f02e53a800bad19426ce0d0a24efa4c]
Former-commit-id: 7f3481cf95a7647541ad70bd065b703416bd90e4
Former-commit-id: 55dc00033e7a3ff5464256776f1b30430bd76800
Former-commit-id: f2ba4063dcd583828247b8db0b18072f2df539e2
Former-commit-id: caa074feb6a00ed1e20c56c6357f17fb89b8bdfb
Former-commit-id: 861f1c60f345a574dec12fae0c861aaa4b98369f

src/pages/demo/charts/list/pie/demo1/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">一般</template>
+    <div class="inner">
+      <ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
+    </div>
+    <template slot="footer">
+      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import list from '@/pages/demo/charts/list/_mixin/list.js'
+export default {
+  mixins: [
+    list
+  ],
+  data () {
+    return {
+      chartData: {
+        columns: ['日期', '访问用户'],
+        rows: [
+          { '日期': '1/1', '访问用户': 1393 },
+          { '日期': '1/2', '访问用户': 3530 },
+          { '日期': '1/3', '访问用户': 2923 },
+          { '日期': '1/4', '访问用户': 1723 },
+          { '日期': '1/5', '访问用户': 3792 },
+          { '日期': '1/6', '访问用户': 4593 }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner {
+  position: absolute;
+  top: 20px;
+  right:  20px;
+  bottom: 20px;
+  left: 20px;
+}
+</style>

src/pages/demo/charts/list/pie/demo2/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">设置指标维度</template>
+    <div class="inner">
+      <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
+    </div>
+    <template slot="footer">
+      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import list from '@/pages/demo/charts/list/_mixin/list.js'
+export default {
+  mixins: [
+    list
+  ],
+  data () {
+    this.chartSettings = {
+      dimension: '日期',
+      metrics: '访问用户'
+    }
+    return {
+      chartData: {
+        columns: ['日期', '访问用户'],
+        rows: [
+          { '日期': '1/1', '访问用户': 1393 },
+          { '日期': '1/2', '访问用户': 3530 },
+          { '日期': '1/3', '访问用户': 2923 },
+          { '日期': '1/4', '访问用户': 1723 },
+          { '日期': '1/5', '访问用户': 3792 },
+          { '日期': '1/6', '访问用户': 4593 }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner {
+  position: absolute;
+  top: 20px;
+  right:  20px;
+  bottom: 20px;
+  left: 20px;
+}
+</style>

src/pages/demo/charts/list/pie/demo3/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">玫瑰图</template>
+    <div class="inner">
+      <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
+    </div>
+    <template slot="footer">
+      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import list from '@/pages/demo/charts/list/_mixin/list.js'
+export default {
+  mixins: [
+    list
+  ],
+  data () {
+    this.chartSettings = {
+      roseType: 'radius'
+    }
+    return {
+      chartData: {
+        columns: ['日期', '访问用户'],
+        rows: [
+          { '日期': '1/1', '访问用户': 1393 },
+          { '日期': '1/2', '访问用户': 3530 },
+          { '日期': '1/3', '访问用户': 2923 },
+          { '日期': '1/4', '访问用户': 1723 },
+          { '日期': '1/5', '访问用户': 3792 },
+          { '日期': '1/6', '访问用户': 4593 }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner {
+  position: absolute;
+  top: 20px;
+  right:  20px;
+  bottom: 20px;
+  left: 20px;
+}
+</style>

src/pages/demo/charts/list/pie/demo4/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">限制显示条数饼图</template>
+    <div class="inner">
+      <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
+    </div>
+    <template slot="footer">
+      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import list from '@/pages/demo/charts/list/_mixin/list.js'
+export default {
+  mixins: [
+    list
+  ],
+  data () {
+    this.chartSettings = {
+      limitShowNum: 5
+    }
+    return {
+      chartData: {
+        columns: ['日期', '访问用户'],
+        rows: [
+          { '日期': '1/1', '访问用户': 1393 },
+          { '日期': '1/2', '访问用户': 3530 },
+          { '日期': '1/3', '访问用户': 2923 },
+          { '日期': '1/4', '访问用户': 1723 },
+          { '日期': '1/5', '访问用户': 3792 },
+          { '日期': '1/6', '访问用户': 4593 }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner {
+  position: absolute;
+  top: 20px;
+  right:  20px;
+  bottom: 20px;
+  left: 20px;
+}
+</style>

src/pages/demo/charts/list/pie/demo5/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">多圆饼图</template>
+    <div class="inner">
+      <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
+    </div>
+    <template slot="footer">
+      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import list from '@/pages/demo/charts/list/_mixin/list.js'
+export default {
+  mixins: [
+    list
+  ],
+  data () {
+    this.chartSettings = {
+      level: [
+        ['1/1', '1/2', '1/3'],
+        ['1/4', '1/5']
+      ]
+    }
+    return {
+      chartData: {
+        columns: ['日期', '访问用户'],
+        rows: [
+          { '日期': '1/1', '访问用户': 1393 },
+          { '日期': '1/2', '访问用户': 3530 },
+          { '日期': '1/3', '访问用户': 2923 },
+          { '日期': '1/4', '访问用户': 1723 },
+          { '日期': '1/5', '访问用户': 3792 },
+          { '日期': '1/6', '访问用户': 4593 }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner {
+  position: absolute;
+  top: 20px;
+  right:  20px;
+  bottom: 20px;
+  left: 20px;
+}
+</style>

src/pages/demo/charts/list/pie/demo6/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">设置饼图半径边距</template>
+    <div class="inner">
+      <ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
+    </div>
+    <template slot="footer">
+      <d2-demo-link-btn title="更多示例和文档" link="https://v-charts.js.org"/>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import list from '@/pages/demo/charts/list/_mixin/list.js'
+export default {
+  mixins: [
+    list
+  ],
+  data () {
+    this.chartSettings = {
+      radius: 150,
+      offsetY: 300
+    }
+    return {
+      chartData: {
+        columns: ['日期', '访问用户'],
+        rows: [
+          { '日期': '1/1', '访问用户': 1393 },
+          { '日期': '1/2', '访问用户': 3530 },
+          { '日期': '1/3', '访问用户': 2923 },
+          { '日期': '1/4', '访问用户': 1723 },
+          { '日期': '1/5', '访问用户': 3792 },
+          { '日期': '1/6', '访问用户': 4593 }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner {
+  position: absolute;
+  top: 20px;
+  right:  20px;
+  bottom: 20px;
+  left: 20px;
+}
+</style>