You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.4 KiB
76 lines
1.4 KiB
<template>
|
|
<view>
|
|
<qiun-data-charts type="line" :opts="opts" :chartData="chartData" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import qiunDataCharts from "./qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue"
|
|
export default {
|
|
components: {
|
|
qiunDataCharts
|
|
},
|
|
data() {
|
|
return {
|
|
chartData: {
|
|
categories: ["1日", "2日", "3日", "4日", "5日", "6日"],
|
|
series: [{
|
|
name: "订单笔数",
|
|
|
|
data: [15, 45, 15, 45, 15, 45]
|
|
},
|
|
{
|
|
name: "订单金额",
|
|
|
|
data: [55, 85, 55, 85, 55, 85]
|
|
},
|
|
{
|
|
name: "退货单数",
|
|
|
|
data: [95, 125, 95, 125, 95, 125]
|
|
},
|
|
{
|
|
name: "退货金额",
|
|
|
|
data: [90, 25, 95, 125, 115, 125]
|
|
}
|
|
]
|
|
},
|
|
|
|
opts: {
|
|
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
|
|
"#ea7ccc"
|
|
],
|
|
padding: [20, 0, 0, 0],
|
|
dataLabel: false,
|
|
dataPointShape: false,
|
|
enableScroll: false,
|
|
legend: {},
|
|
xAxis: {
|
|
disableGrid: true
|
|
},
|
|
yAxis: {
|
|
gridType: "dash",
|
|
dashLength: 2,
|
|
data: [{
|
|
min: 0,
|
|
|
|
}]
|
|
},
|
|
extra: {
|
|
line: {
|
|
type: "curve",
|
|
width: 2,
|
|
activeType: "hollow",
|
|
linearType: "custom"
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|
|
|