MiniPrograms/components/mainline-chart/mainline-chart.vue

<template>
		<view class="charts-box">
			<qiun-data-charts class="chart" type="mainline" :chartData="chartData" :loadingType="4" background="none" />
		</view>
</template>

<script>
	export default {
		name: "mainline-chart",
		data() {
			return {

				chartData: {
					categories: [
						"开学考试",
						"第一月考",
						"第二月考",
						"期中考试",
						"第三月考",
						"期末考试"
					],
					series: [{
						"name": "总成绩",
						"data": [
							555,
							577,
							540,
							588,
							563,
							594
						]
					}]
				},

			};
		}
	}
</script>

<style lang="scss">
.charts-box{
  width: 100%;
  height:180px;
	margin-top: -120rpx;
}
</style>