<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>
