Javascript 当我插入两个Y轴时,Apexchart离开包装器

Javascript 当我插入两个Y轴时,Apexchart离开包装器,javascript,html,apexcharts,Javascript,Html,Apexcharts,如果我向Apexchart添加两个Y轴,它将被推到包装器之外,并且无法正确调整大小。 我想让一个Y轴显示在图表的左侧,另一个显示在图表的右侧 我试图在我的开发工具中调试它,但我确信这本身就是一个画布问题 我在下面提供了一个片段,它显示了左Y轴和Jan数据是如何超出范围的 var yearMapOptions={ 图表:{ fontFamily:“'Varela Round',无衬线”, 前景色:“#2e1a6d”, 工具栏:{ 节目:假 }, 高度:“100%”, 错误:错误 }, 颜色:[“

如果我向Apexchart添加两个Y轴,它将被推到包装器之外,并且无法正确调整大小。 我想让一个Y轴显示在图表的左侧,另一个显示在图表的右侧

我试图在我的开发工具中调试它,但我确信这本身就是一个画布问题

我在下面提供了一个片段,它显示了左Y轴和Jan数据是如何超出范围的

var yearMapOptions={
图表:{
fontFamily:“'Varela Round',无衬线”,
前景色:“#2e1a6d”,
工具栏:{
节目:假
},
高度:“100%”,
错误:错误
},
颜色:[“2e1a6d”、“47bfb6”、“f37b94”、“ebf394”],
数据标签:{
已启用:false
},
系列:[{
名称:“净点数”,
键入:“行”,
数据:[-10,17,39,-4,63,-27,55,290,-83,26,-45,17],
}, {
名称:'净利润',
键入:“行”,
数据:[-35,45,190,-70,-50,36,-80,59,-29,62,-65,70]
}, {
名称:'总体积',
键入:“列”,
数据:[20,60,35,57,330,30,660,58,58,230,70,120]
}, {
名称:'总交易',
键入:“列”,
数据:[6,23,11,8,33,4,57,13,13,45,17,28]
}],
笔划:{
宽度:[3,3,3,3],
曲线:“平滑”
},
xaxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月],
},
亚克斯:[{
秀:没错,
seriesName:'净点数',
相反:是的,
金额:2,
事实上,
axisTicks:{
秀:假,,
},
axisBorder:{
秀:没错,
颜色:“#00E396”
},
axisTicks:{
秀:假,,
borderType:'实体',
颜色:“#47bfb6”,
},
标签:{
风格:{
颜色:“#00E396”,
}
},
标题:{
文本:未定义,
风格:{
颜色:“#00E396”,
}
},
}, {
秀:没错,
系列名称:'净利润',
反面:错,
金额:2,
事实上,
axisTicks:{
秀:没错,
borderType:'实体',
颜色:“#2e1a6d”,
},
axisBorder:{
秀:没错,
颜色:“#FEB019”
},
标签:{
风格:{
颜色:“#FEB019”,
},
},
标题:{
文本:未定义,
风格:{
颜色:“#FEB019”,
}
},
}
],
打印选项:{
酒吧:{
水平:错,
endingShape:'四舍五入',
酒吧高度:“100%”
}
},
工具提示:{
固定的:{
启用:对,
位置:'左上',//右上,左上,右下,左下
副职:30,
抵销额:60
},
},
网格:{
节目:假
},
图例:{
位置:'顶部',
水平对齐:“左”,
副职:10
}
};
var yearMapChart=新的ApexCharts(
文档查询选择器(“年图”),
yearMapOptions
);
yearMapChart.render()
.apexcharts-yaxis、.apexcharts-xaxis标签{
字体大小:粗体;
}
.yearMapWrapper{
身高:100%;
宽度:80%;
左边距:10%;
}

删除
网格:{show:false}
使y轴可见

PS:更改栅格行为不应影响y轴。这似乎是ApexCharts中的一个bug,很快就会得到解决