在Highcharts中,第二个Y轴可以与特定数据系列相关联。以下是如何实现这一目标的方法:
id
属性,用于将其与数据系列关联。例如:yAxis: [{
// 第一个Y轴配置
}, {
id: 'secondary-y-axis',
title: {
text: 'Secondary Y Axis'
}
}]
yAxis
属性,并将其设置为第二个Y轴的id
值。例如:series: [{
name: 'Primary Data Series',
data: [1, 2, 3, 4, 5],
yAxis: '0' // 使用第一个Y轴
}, {
name: 'Secondary Data Series',
data: [10, 20, 30, 40, 50],
yAxis: 'secondary-y-axis' // 使用第二个Y轴
}]
这样,Highcharts将会在图表中创建一个新的Y轴,并将其与特定的数据系列关联。
以下是一个完整的示例代码:
Highcharts.chart('container', {
title: {
text: 'Highcharts with Secondary Y Axis'
},
xAxis: {
categories: ['Category 1', 'Category 2', 'Category 3', 'Category 4', 'Category 5']
},
yAxis: [{
title: {
text: 'Primary Y Axis'
}
}, {
id: 'secondary-y-axis',
title: {
text: 'Secondary Y Axis'
}
}],
series: [{
name: 'Primary Data Series',
data: [1, 2, 3, 4, 5],
yAxis: '0'
}, {
name: 'Secondary Data Series',
data: [10, 20, 30, 40, 50],
yAxis: 'secondary-y-axis'
}]
});
请注意,这个答案中没有提及其他云计算品牌商,因为这个问题的主题是Highcharts,而不是云计算。
领取专属 10元无门槛券
手把手带您无忧上云