echarts双轴

最新推荐文章于 2023-12-28 17:03:41 发布

常安cc

最新推荐文章于 2023-12-28 17:03:41 发布

阅读量1.3k

点赞数

分类专栏： echarts 文章标签：前端 echarts

本文链接：https://blog.csdn.net/m0_55546349/article/details/124201490

版权

本文详细介绍了如何使用Echarts库创建具有双轴的图表，包括设置不同轴的数据、坐标轴配置、以及如何同步两个轴的缩放和滚动。通过实例代码展示了双轴图表在数据分析和展示中的应用。

摘要由CSDN通过智能技术生成

在这里插入图片描述

let option = {
   
		tooltip: {
   
			trigger: "axis",
		},
		legend: {
   
			data: ["订单数", "销售额"],
		},


		grid: {
   
			left: '8%',
			right: '12%',
			top: '10%',
			bottom: '15%',
		},//改变了图标的大小与位置
		xAxis: {
   
			type: "category",
			axisLine: {
   
				show: true,
				lineStyle: {
    color: "#9F9F9F" },
			},<