Highcharts带有自定义标签的多轴图表
我有一个带有两个x轴的Highcharts瀑布图:Highcharts带有自定义标签的多轴图表,highcharts,labels,multiple-axes,Highcharts,Labels,Multiple Axes,我有一个带有两个x轴的Highcharts瀑布图: xAxis: [{ useHTML: true, categories: ['ONE', 'TWO', 'THREE', 'FOUR'] }, { tickWidth: 0, categories: [0, 10, 12, 1], labels: { style: { fontSize: '12px', fontFamily: 'Helvetica Ne
xAxis: [{
useHTML: true,
categories: ['ONE', 'TWO', 'THREE', 'FOUR']
},
{
tickWidth: 0,
categories: [0, 10, 12, 1],
labels: {
style: {
fontSize: '12px',
fontFamily: 'Helvetica Neue,Helvetica,Arial,sans-serif',
fontWeight: 'bold'
},
formatter: function(){
return '$ ' + Highcharts.numberFormat(this.value,1)
}
}
}],
例如:
我还尝试在每个条的顶部添加自定义标签(红色标签):
我正在努力在一张图表上显示所有三(3)个,当我添加自定义标签时,第二个轴消失了。有办法把这三个都吃了吗
提前谢谢 通过链接两个类别,我可以添加所有三个:
{
linkedTo: 0,
categories: ['ONE', 'TWO', 'THREE','FOUR']
},
{ linkedTo: 0,
categories: ['FIVE', 'SIX', 'SEVEN', 'EIGHT']
}
请参阅编辑的JSFIDLE:简短的回答是,您的第二个xAxis将消失,因为您正在用数据标签版本的xAxis替换它。还有一个包含所有三个轴的简单演示: