有没有一种方法可以将合并不同的y轴合并成一个?我有23个数据集,我想在同一个线图上显示,我希望它只有一个y轴,尽管不同线的值差异很大(例如,一条线上的点可以在50 000左右波动,另一条线上的点可以在5或6左右波动)。我要找的是这个:
r1zhe5dt1#
您可以模拟多个y轴以显示为一个。一个主轴应该有线和刻度,另一个不应该-您可以使用tickWidth,tickLength和lineWidth选项(分别为每个轴)进行设置。然后,您需要通过将轴的偏移设置为0来设置轴的垂直位置。您还需要调整它们的最小值、最大值和tickPositions以适应数据。轴配置示例:
tickWidth
tickLength
lineWidth
yAxis: [{ // Primary yAxis min: 4.5, max: 27.5, tickPositions: [7, 25], startOnTick: false, endOnTick: false, gridLineWidth: 0, offset: 0, labels: { format: '{value}°C', style: { color: Highcharts.getOptions().colors[2] } }, title: { text: null }, }, { // Secondary yAxis gridLineWidth: 0, offset: 0, title: { text: null }, labels: { format: '{value} mm', style: { color: Highcharts.getOptions().colors[0] } }, lineWidth: 1, tickLength: 10, tickWidth: 1, tickPositions: [49.9, 220] }, { // Tertiary yAxis gridLineWidth: 0, endOnTick: false, startOnTick: false, min: 1009, max: 1018.5, tickPositions: [1009.5, 1018], offset: 0, title: { text: null }, labels: { format: '{value} mb', style: { color: Highcharts.getOptions().colors[1] } } }],
例如:http://jsfiddle.net/w7z1p8qy/
1条答案
按热度按时间r1zhe5dt1#
您可以模拟多个y轴以显示为一个。一个主轴应该有线和刻度,另一个不应该-您可以使用
tickWidth
,tickLength
和lineWidth
选项(分别为每个轴)进行设置。然后,您需要通过将轴的偏移设置为0来设置轴的垂直位置。您还需要调整它们的最小值、最大值和tickPositions以适应数据。
轴配置示例:
例如:http://jsfiddle.net/w7z1p8qy/