Javascript c3样条曲线图-多个y轴上的多个数据

如何将[data1、data2和data3]绑定到y轴，将data4绑定到y2轴？

---

以下是我的实际解决方案：https://codepen.io/luko248/pen/wvaeYON.

您需要在数据参数中指定y2轴数据：

data: { 
    axes: {data4: 'y2'} 
}

查看自定义图表1下的C3文档。附加轴

我根据您的代码示例制作了一个JSFIDLE：

在嵌入式JS剪下的下方：

var图表=c3.generate({
bindto:“#PowerChart”，
数据：{
x:‘日期时间’，
X格式：'%Y-%m-%d%H:%m:%S'，//%Y-%m-%d
栏目：[
['DateTime'，'2019-01-02 00:00:00'，'2019-01-02 00:10:00'，'2019-01-02 00:20:00'，'2019-01-02 00:30:00'，'2019-01-02 00:40:00'，'2019-01-02 00:50:00'，'2019-01-02 01:00:00'，'，
'2019-01-02 01:10:00', '2019-01-02 01:20:00'],
[data1,30,20,10,15,35,16,18,42],，
[data2'，120，110，98，45，87，56，72，32]，
[data3'，80，75，95，105，120，40，35，68]，
[data4'，40,45,40,45,50,40,45,50]，
],
姓名：{
数据1:‘光伏发电（W）’，
数据2：“网格（W）”，
数据3：“电池（W）”，
数据4：“SOC（%）”，
},
颜色：{
数据1:“#be1b19”，
数据2:“#ff9c38”，
数据3:“#06ac4e”，
数据4:'紫色'，
},
轴：{data4:'y2'}，
类型：`样条曲线`
},
轴线：{
x:{
键入：“timeseries”，
勾选：{
格式：“%H:%M”，
}
},
y:{
勾选：{
格式：函数（d）{返回d+“（W）”；}
}
},
y2：{
秀：没错，
勾选：{
格式：函数（d）{返回d+“（%）”；}
}
}
},
要点：{
r:0，
重点：{
扩展：{
r:4
}
}
},
图例：{
位置：'插图'，
插图：{
主播：“右下角”，
x:-30，
y:-75，
步骤：1
}
},
填充：{
底数：15，
左：25，
右：35
},
网格：{
x:{
秀：真的
},
y:{
秀：真的
}
}
});
.chart\u容器{
最大宽度：1024px；
保证金：0自动；
.c3工具提示容器{
盒影：0px 0px 5px 0 hsla（0,0%，0%，.3）；
}
.c3轴{
填充：黑色；
}
.域名{
笔画：黑色；
}
.c3图表弧文本{
字体大小：小；
}
.c3图例背景{
笔画宽度：0；
}
.c3网格线{
冲程：#eaeaea；
笔划数组：0；
}
.c3工具提示{
边界：无；
t车身{
th{
背景色：黑色；
&：第一类{
边框左上半径：3px；
}
&：最后一种{
边框右上角半径：3px；
}
}
运输署{
边框颜色：hsl（0,0%，84%）；
}
>tr：类型的最后一个>td{
&：第一类{
边框左下半径：3px；
}
&：最后一种{
边框右下半径：3px；
}
}
}
}
}
请尝试在您的问题中显示一些代码和错误示例，而不是要求人们访问外部站点。对您已经尝试过的内容进行一些解释也会有所帮助，