Highcharts 在海图中链接多个轴

Highcharts 在海图中链接多个轴,highcharts,Highcharts,我使用海图进行可视化。我想画一张图表。我尝试过使用多个y轴,最后得到了 $(函数(){ $(“#容器”)。高图({ 图表:{ 边界宽度:2, 身高:600, 宽度:500, 动画:错误 }, xAxis:[{ 网格线宽度:1, 类别:[ “Q1”, “Q2”, “Q3”, “第四季度” ], 网格线宽度:1, 网格线颜色:'#e0', 十字准星:对 }], 亚克斯:[{ 身高:200, 线宽:1, 偏移量:0, 标题:{ 文字:“电源” } }, { 排名:300, 身高:200, 线宽:1,

我使用海图进行可视化。我想画一张图表。我尝试过使用多个y轴,最后得到了

$(函数(){
$(“#容器”)。高图({
图表:{
边界宽度:2,
身高:600,
宽度:500,
动画:错误
},
xAxis:[{
网格线宽度:1,
类别:[
“Q1”,
“Q2”,
“Q3”,
“第四季度”
],
网格线宽度:1,
网格线颜色:'#e0',
十字准星:对
}],
亚克斯:[{
身高:200,
线宽:1,
偏移量:0,
标题:{
文字:“电源”
}
},
{
排名:300,
身高:200,
线宽:1,
抵销:1,
标题:{
课文:“书籍”
}
}
],
图例:{
标题:{
正文:“阶段:”,
风格:{
字体:“斜体”
}
},
浮动:假,
启用:对,
对齐:“右”,
背景颜色:“#FCFFC5”,
边框颜色:“黑色”,
边界宽度:2,
布局:“垂直”,
垂直排列:“顶部”,
y:100,
},
打印选项:{
系列:{
边框宽度:0,
影子:错
},
专栏:{
动画:错,
分组:正确
},
行:{
堆叠:“正常”
}
},
系列:[{
雅克斯:0,
名称:“波士顿”,
键入:“列”,
数据:[4000、3000、1000、6000]
}, {
雅克斯:0,
键入:“列”,
姓名:“斯温顿”,
数据:[10006000300002000]
}, {
雅克斯:0,
键入:“列”,
名称:“埃塞俄比亚”,
数据:[300070008000]
}, {
雅克斯:0,
键入:“列”,
名字:'芝加哥',
数据:[6000、2000、3000、4000]
}, {
亚克西斯:1,,
键入:“列”,
名称:“波士顿”,
数据:[4000、3000、1000、6000]
}, {
亚克西斯:1,,
键入:“列”,
姓名:“斯温顿”,
数据:[10006000300002000]
}, {
亚克西斯:1,,
键入:“列”,
名称:“埃塞俄比亚”,
数据:[300070008000]
}, {
亚克西斯:1,,
键入:“列”,
名字:'芝加哥',
数据:[6000、2000、3000、4000]
}]
});
});

好的,解决方案是将
id
color
添加到每个系列项目中(您也可以定义全局颜色):

然后,对于第二个轴系列项目,需要添加
linkedTo:
参数。查看其工作原理(仅为0和第4个元素指定的颜色仅用于显示其工作原理):

$(函数(){
$(“#容器”)。高图({
图表:{
边界宽度:2,
身高:600,
宽度:500,
动画:错误
},
xAxis:[{
网格线宽度:1,
类别:[
“Q1”,
“Q2”,
“Q3”,
“第四季度”
],
网格线宽度:1,
网格线颜色:'#e0',
十字准星:对
}],
亚克斯:[{
身高:200,
线宽:1,
偏移量:0,
标题:{
文字:“电源”
}
},
{
排名:300,
身高:200,
线宽:1,
抵销:1,
标题:{
课文:“书籍”
}
}
],
图例:{
标题:{
正文:“阶段:”,
风格:{
字体:“斜体”
}
},
浮动:假,
启用:对,
对齐:“右”,
背景颜色:“#FCFFC5”,
边框颜色:“黑色”,
边界宽度:2,
布局:“垂直”,
垂直排列:“顶部”,
y:100
},
打印选项:{
系列:{
边框宽度:0,
影子:错
},
专栏:{
动画:错,
分组:正确
},
行:{
堆叠:“正常”
}
},
系列:[{
id:“系列0”,
颜色:“红色”,
名称:“波士顿”,
键入:“列”,
数据:[4000、3000、1000、6000]
}, {
id:“系列1”,
雅克斯:0,
键入:“列”,
姓名:“斯温顿”,
数据:[10006000300002000]
}, {
id:“系列2”,
雅克斯:0,
键入:“列”,
名称:“埃塞俄比亚”,
数据:[300070008000]
}, {
id:“系列3”,
雅克斯:0,
键入:“列”,
名字:'芝加哥',
数据:[6000、2000、3000、4000]
}, {
id:“系列4”,
链接至:“series0”,
颜色:“红色”,
亚克西斯:1,,
键入:“列”,
数据:[4000、3000、1000、6000]
}, {
id:“系列5”,
链接至:“系列1”,
亚克西斯:1,,
键入:“列”,
数据:[10006000300002000]
}, {
id:“s
id: "series0",
color: "red",