Charts Highchart一行中的多个Yaxis

Charts Highchart一行中的多个Yaxis,charts,highcharts,Charts,Highcharts,我想在highcharts中创建这样的图表: 这是我到目前为止得到的: Highcharts.setOptions({ 颜色:[“3399CF”、“F9BA06”、“65AF35”、“24CBE5”、“64E572”、“FF9655”、“FFF263”、“6AF9C4”] }); //获取数据。可在以下位置查看数据文件的内容: $.getJSON( 'https://cdn.rawgit.com/highcharts/highcharts/057b672172ccc6c08fe7dbb27f

我想在highcharts中创建这样的图表:

这是我到目前为止得到的:

Highcharts.setOptions({
颜色:[“3399CF”、“F9BA06”、“65AF35”、“24CBE5”、“64E572”、“FF9655”、“FFF263”、“6AF9C4”]
});
//获取数据。可在以下位置查看数据文件的内容:
$.getJSON(
'https://cdn.rawgit.com/highcharts/highcharts/057b672172ccc6c08fe7dbb27fc17ebca3f5b770/samples/data/activity.json',
职能(活动){
$.each(activity.dataset,function(i,dataset){
//添加X个值
dataset.data=Highcharts.map(dataset.data.splice(1,10),函数(val,j){
返回[activity.xData[j],val];
});
$('')
.appendTo(“#container”)
.海图({
图表:{
类型:“样条曲线”,
marginLeft:40,//保持所有图表左对齐
玛金托普:7,
marginBottom:7
},
标题:{
文本:空,
},
学分:{
已启用:false
},
图例:{
已启用:false
},
xAxis:{
可见:假,
标签:{
格式:“{value}km”
}
},
亚克斯:{
可见:对,
标题:{
文本:空
},
金额:2,
数字:0,
线宽:1,
gridLineColor:“透明”
},
系列:[{
数据:dataset.data,
名称:dataset.name,
颜色:Highcharts.getOptions().colors[i],
填充不透明度:0.3,
工具提示:{
valueSuffix:''+dataset.unit
}
}]
});
});
}
);
.chart{
最小宽度:320px;
最大宽度:800px;
高度:150像素;
保证金:0自动;
}

这里的问题是您创建了三个单独的图表,而不是一个

Highstock允许您定位和调整轴的大小(
height
&
top
属性):

API参考资料:

事实上,它也将在高图表中起作用(尽管没有文档记录)


现场演示:

我建议编辑您的问题,以包含您的代码。让人们访问外部资源会降低他们帮助你的可能性。你的问题还可以从更多细节中受益。阅读一些好的提示。
  yAxis: [{
    height: '50%'
  }, {
    top: '50%',
    height: '50%'
  }],