Javascript 反应顶点折线图多系列

Javascript 反应顶点折线图多系列,javascript,reactjs,apexcharts,Javascript,Reactjs,Apexcharts,我目前正在使用Apex折线图生成6个系列。我遇到的问题是,有3对共享y轴标题并与其合作伙伴勾号。如果我显示2个系列,并且它们是合作伙伴,则它们的标题和记号会在y轴上显示两次。我认为实现的唯一可行的解决方案是,每个合作伙伴中只有一个始终显示,但理想情况下,我希望在未选择合作伙伴时隐藏y轴,在选择合作伙伴时显示y轴。如果有人能为后一种解决方案提供帮助,我将不胜感激 const选项={ 图表:{ id:'折线图', 背景:theme.palete.background.paper, }, 颜色:[蓝

我目前正在使用Apex折线图生成6个系列。我遇到的问题是,有3对共享y轴标题并与其合作伙伴勾号。如果我显示2个系列,并且它们是合作伙伴,则它们的标题和记号会在y轴上显示两次。我认为实现的唯一可行的解决方案是,每个合作伙伴中只有一个始终显示,但理想情况下,我希望在未选择合作伙伴时隐藏y轴,在选择合作伙伴时显示y轴。如果有人能为后一种解决方案提供帮助,我将不胜感激

const选项={
图表:{
id:'折线图',
背景:theme.palete.background.paper,
},
颜色:[蓝色、黄色、绿色、红色、粉色、绿色],
高度:“500px”,
标记:{
尺码:5,
},
系列:[
{
名称:“大肥肉”,
数据:WhoperFatseriesData,
},
{
名称:“高热量”,
数据:WhoperCarriesData,
},
{
名称:“巨大的成本”,
数据:WhoperCostSeriesData,
},
{
名称:'McDouble fat',
数据:mcDoubleFatSeriesData,
},
{
名称:“McDouble卡路里”,
数据:McDoubleCaloriessariesdata,
},
{
名称:“McDouble成本”,
数据:mcDoubleCostSeriesData,
},
],
笔划:{
宽度:2,
},
主题:{
模式:theme.palete.type,
},
工具提示:{
分享:是的,
自定义:函数({dataPointIndex}:{dataPointIndex:number}){
返回RenderStaticMarkup(
,
)
},
},
标题:{
文本:“云使用情况”,
副职:-8,
风格:{
fontSize:'24px',
},
},
xaxis:{
键入:“日期时间”,
标题:{
文本:“”,
副职:8,
风格:{
fontSize:'15px',
},
},
标签:{
格式化程序:函数(值:any,时间戳:any,索引:any){
返回时刻.utc(时间戳).format('DD-MMM-YY')
},
},
},
亚克斯:[
{
max:GetMaxCarries,
系列名称:'Whoper Fat',
标题:{
文本:“大胖子(g)”,
抵销额:-8,
风格:{
fontSize:'15px',
},
},
小数浮点数:3,
},
{
标题:{
文字:“高热量(kc)”,
反面:-8,
风格:{
fontSize:'15px',
颜色:黄色,
},
},
小数浮点数:2,
相反:是的,
axisBorder:{
秀:没错,
颜色:黄色,
},
axisTicks:{
秀:没错,
},
showAlways:错,
},
{
标题:{
正文:“成本($)”,
抵销额:-8,
风格:{
fontSize:'15px',
颜色:绿色,
},
},
小数浮点数:2,
相反:是的,
axisBorder:{
秀:没错,
颜色:绿色,
},
axisTicks:{
秀:没错,
},
showAlways:错,
},
{
max:GetMaxCarries,
标题:{
文本:“McDouble fat(g)”,
抵销额:-8,
风格:{
fontSize:'15px',
},
秀:假,,
},
小数浮点数:3,
秀:假,,
},
{
标题:{
文本:“McDouble卡路里(kc)”,
反面:-8,
风格:{
fontSize:'15px',
颜色:黄色,
},
},
小数浮点数:2,
相反:是的,
axisBorder:{
秀:没错,
颜色:黄色,
},
axisTicks:{
秀:没错,
},
showAlways:错,
},
{
标题:{
正文:“成本($)”,
抵销额:-8,
风格:{
fontSize:'15px',
颜色:绿色,
},
},
小数浮点数:2,
相反:是的,
axisBorder:{
秀:没错,
颜色:绿色,
},
axisTicks:{
秀:没错,
},
showAlways:错,
},
],

}
您是否有可以与您的问题分享的屏幕截图或代码示例?在编辑中添加了ss和代码