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

ECharts多轴图表：yAxis和series在不同情况下的配置

原创已于 2024-10-13 16:20:45 修改 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

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

echarts 专栏收录该内容

12 篇文章

订阅专栏

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

图表单轴的时候，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',
				}
			]