【发布时间】：2016-09-01 07:52:37
【问题描述】：
我将 Highcharts 用于面积图并显示 2 个 y 轴，但无法为它们设置不同的最小、最大和刻度间隔。
我们需要帮助来实现具有 min 、 max 和刻度间隔的设定值的多个 y 轴。
我们将 Highcharts 用于面积图，其中 2 个 Y 轴一个位于图表左侧，另一个位于图表右侧。 在 Y 轴的左侧，我们需要刻度间隔为 5，当前显示为 20。 而在 Y 轴的右侧，我们需要 10 的刻度间隔，当前显示为 20。 同样，Y 轴的最小值和最大值也需要不同。 我们如何实现它？
感谢您的帮助。
以下是我的 highcharts 配置：
chart: {
type: 'area',
},
title: {
text: null
},
xAxis: {
min: 0,
max: 600,
tickInterval: 50,
title: {
text: ""
}
},
yAxis: [{
min: 10,
max: 40,
tickInterval: 5,
title: {
text: ''
}
},{
min: -30,
max: 30,
tickInterval: 10,
title: {
text: ''
},
opposite: true
}],
size: {
width: 1050,
height: 170
},
series: [{
showInLegend : false,
name: '',
yAxis: 0,
color: 'red',
lineWidth: 1,
data: [33.69, 33.68, 33.68, 33.68, 33.68, 33.86, 33.59, 33.96, 33.89, 33.98]
},{
showInLegend : false,
name: '',
yAxis: 0,
color: 'orange',
lineWidth: 1,
data: [21.71, 30.42, 30.42, 30.42, 30.42, 31.03, 21.63, 29.81, 30.92, 21.63]
},{
showInLegend : false,
name: '',
yAxis: 1,
color: 'black',
lineWidth: 1,
data: [-8.44, -8.65, -8.65, -8.65, -8.65, -8.68, -8.62, -8.77, -8.56, -8.73]
};
【问题讨论】：
-
请为此提供jsfiddle
-
这是jsfiddle.net/w2dmpwc7的小提琴链接
标签： javascript charts highcharts