echarts使用中，关于y坐标轴无法正常显示的问题记录-Toy模板网

这篇具有很好参考价值的文章主要介绍了echarts使用中，关于y坐标轴无法正常显示的问题记录。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

正文

前段日子封装了一个组件，大概功能为：给定一些数据，用户手动配置一些参数（如图），点击提交后，实现图表的渲染，除此之外还有其他一些功能。（还没和后端对接，数据为自己mock）
echarts使用中，关于y坐标轴无法正常显示的问题记录

echarts使用中，关于y坐标轴无法正常显示的问题记录
今天将组件移植到公司里面的程序时，发现纵坐标一直无法显示刻度，如下图所示
排插了三小时，最终问题定位在了y轴配置上。

// 组件代码
const yAxis = {
            type: 'value',
            name: `单位：${item.unit}`,
            position: item.axisLocation === '0' ? 'left' : 'right', // y轴的位置
            offset: item.axisLocation === '0' ? 70 * (++leftIndex - 1) : 70 * (++rightIndex - 1),
            alignTicks: true, // 开启该配置项自动对齐刻度
            axisLine: {
              show: true,
              onZero: false,
              // lineStyle: { color }
              lineStyle: { color: 'black' }
              // lineStyle: 'black' // 这里倒是可以用，后面在移植组件的时候就出现了问题
            },