我正在使用angular4和Highcharts。 我想用两个y轴创建图形。
所以:
答案 0 :(得分:1)
请参阅此现场演示: http://jsfiddle.net/kkulig/dhsgo47z/
如果您希望辅助轴具有与主要轴相同的极值,那么添加新轴的好位置是加载事件(因为它不使用硬编码值):
chart: {
events: {
load: function() {
var primaryYAxis = this.yAxis[0];
this.addAxis({
title: {
text: 'Secondary'
},
min: primaryYAxis.min,
max: primaryYAxis.max,
tickPositions: [0, primaryYAxis.max],
endOnTick: false,
labels: {
formatter: function() {
return this.isLast ? "Maximum" : this.value;
}
}
}, false);
}
}
},
tickPositiones
用于设置刻度的确切位置(不会多于也不会少于定义)。 labels.formatter
用于为第二个刻度线提供自定义字符串值。
API参考: