Javascript 第四个y轴在高图表中不显示标签
我绘制了一张有4个系列的图表,我决定在图表的每一侧放置两个y轴,这很有效。我遇到的唯一问题是显示每个y轴的所有标签,特别是我命名为“Stuff Data”的系列中的最后一个,它显然使用的是电压数据的y轴 请参阅: 我试过切换序列和yAxis的顺序,但最后一个的标签总是不会出现。我也尝试过利用利润率,以防它被隐藏,但它绝对不是。我能做些什么来修复它?代码如下:Javascript 第四个y轴在高图表中不显示标签,javascript,highcharts,Javascript,Highcharts,我绘制了一张有4个系列的图表,我决定在图表的每一侧放置两个y轴,这很有效。我遇到的唯一问题是显示每个y轴的所有标签,特别是我命名为“Stuff Data”的系列中的最后一个,它显然使用的是电压数据的y轴 请参阅: 我试过切换序列和yAxis的顺序,但最后一个的标签总是不会出现。我也尝试过利用利润率,以防它被隐藏,但它绝对不是。我能做些什么来修复它?代码如下: Highcharts.chart('container', { chart: { zoomType: 'xy',
Highcharts.chart('container', {
chart: {
zoomType: 'xy',
type: 'spline'
},
title: {
text: 'Whatever'
},
xAxis: [{
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
title: {
text: 'Voltage',
style: {
color: Highcharts.getOptions().colors[2]
}
},
labels: {
format: '{value} V',
style: {
color: Highcharts.getOptions().colors[2]
}
},
opposite: true
}, { // Secondary yAxis
title: {
text: 'Current',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
format: '{value} C',
style: {
color: Highcharts.getOptions().colors[0]
}
},
},
{ // Third yAxis
gridLineWidth: 0,
title: {
text: 'Temperature',
style: {
color: Highcharts.getOptions().colors[3]
}
},
labels: {
format: '{value}°C',
style: {
color: Highcharts.getOptions().colors[3]
}
},
opposite: true
},
{ // Fourth yAxis
title: {
text: 'stuff',
style: {
color: Highcharts.getOptions().colors[4]
}
},
labels: {
format: 'WHEREAMI',
style: {
color: Highcharts.getOptions().colors[4]
}
},
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 80,
verticalAlign: 'top',
y: 55,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [
{
name: 'Voltage Data',
data: [10.0, 20.79, 13.5, 18.8],
yaxis: 0,
},
{
name: 'Current Data',
yAxis: 1,
data: [1, 2, 3 , 4],
}, {
name: 'Temperature Data',
yAxis: 2,
data: [4, 5, 6 , 9]
}, {
name: 'Stuff Data',
data: [7.0, 6.9, 9.5],
yaxis: 3,
}]
});
必须使用正确的属性名称,
xaxis
与xaxis
不同:
series: [
{
name: 'Voltage Data',
data: [10.0, 20.79, 13.5, 18.8],
yAxis: 0,
},
{
name: 'Current Data',
yAxis: 1,
data: [1, 2, 3, 4],
}, {
name: 'Temperature Data',
yAxis: 2,
data: [4, 5, 6, 9]
}, {
name: 'Stuff Data',
data: [7.0, 6.9, 9.5],
yAxis: 3,
}
]
现场演示:这是一个o型。第四轴上没有内容,因此它没有显示标签。将
yaxis:3
更改为yaxis:3
。