[+] Add a ve-line graph in graph comp.
This commit is contained in:
@@ -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>
|
<template>
|
||||||
<div id="graph-overall">
|
<div id="graph-overall">
|
||||||
|
<ve-line :data="chartData"></ve-line>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user