uni-app 秋云 ucharts 线图

废话不多说直接上代码

在这里插入代码片
<view class="chartBox">
				<qiun-data-charts type="line" :opts="opts" :chartData="chartData" :ontouch="true" :disableScroll="true"
					background="none" />
			</view>

在这里插入代码片
   data(){
     return(){
          opts: {
                color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4","#ea7ccc"],
				padding: [15, 10, 0, 15],
				enableScroll: true,
				legend: {},
				xAxis: {
					disableGrid: true,
					scrollShow: true,
					itemCount: 5
				},
				yAxis: {
					gridType: "dash",
					dashLength: 2
				},
				extra: {
					line: {
						type: "straight",
						width: 2
					}
				}
			},
				chartData: {
				categories: ["2018", "2019", "2020", "2021", "2022", "2023"],
				series: [
					{
						name: "成交量A",
						data: [35, 8, 25, 37, 4, 20]
					},
					{
						name: "成交量B",
						data: [70, 40, 65, 100, 44, 68]
					},
					{
						name: "成交量C",
						data: [100, 80, 95, 150, 112, 132]
					}
				]
			},
      }
}

在这里插入图片描述