[+] Add a ve-line graph in graph comp.

2019-08-22 17:02:42 +08:00
parent a3c2bf6139
commit fba56b3eca
2 changed files with 19 additions and 1 deletions
@@ -0,0 +1,18 @@
+import {Component, Vue} from 'vue-property-decorator';
+
+@Component({
+})
+export default class GraphOverall extends Vue
+{
+    public chartData = {
+        columns: ['日期', '访问用户', '下单用户', '下单率'],
+        rows: [
+            { '日期': '1/1', '访问用户': 1393, '下单用户': 1093, '下单率': 0.32 },
+            { '日期': '1/2', '访问用户': 3530, '下单用户': 3230, '下单率': 0.26 },
+            { '日期': '1/3', '访问用户': 2923, '下单用户': 2623, '下单率': 0.76 },
+            { '日期': '1/4', '访问用户': 1723, '下单用户': 1423, '下单率': 0.49 },
+            { '日期': '1/5', '访问用户': 3792, '下单用户': 3492, '下单率': 0.323 },
+            { '日期': '1/6', '访问用户': 4593, '下单用户': 4293, '下单率': 0.78 }
+        ]
+    };
+}
@@ -1,6 +1,6 @@
 <template>
    <div id="graph-overall">
-
+        <ve-line :data="chartData"></ve-line>
    </div>
 </template>