echarts双轴右边的轴刻度不显示

Hero_rong

已于 2024-10-13 16:20:45 修改

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

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

于 2023-11-16 18:56:53 首次发布

本文链接：https://blog.csdn.net/hero_rong/article/details/134448498

echarts 专栏收录该内容

12 篇文章

订阅专栏

本文讨论了ECharts库中，单轴和双轴或多轴图表时yAxis和series对象结构的变化。重点提到了在多轴情况下使用yAxisIndex指定轴索引的重要性，以及series中不同图表类型的配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图表单轴的时候，yAxis 和 series 是一个对象，但是当双轴显示的时候，yAxis 和 series 就都是一个数组里面包含两个对象，如果是多轴，就是多个对象

看下代码，关键代码 yAxisIndex: 1, 多轴的时候需要指定index值

			series: [{
					name: 'list',
					data: list,
					type: 'bar',
					itemStyle: {
						color: '#649E92',
					},
					label: {
						show: true,
						position: 'top',
						// formatter: '1',
						textStyle: { // 数值样式
							color: '#649E92',
							fontSize: 12
						}
					},
					symbol: 'none',
				},
				{
					name: '成交量',
					data: per,
					type: 'line',
					yAxisIndex: 1,
					itemStyle: {
						color: '#FFAF0F',
					},
					// symbol: 'none',
				}
			]