使用自定义标签

时间:2017-05-01 19:32:06

标签: 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 Neue,Helvetica,Arial,sans-serif',
      fontWeight: 'bold'
    },
     formatter: function(){
       return '$ ' + Highcharts.numberFormat(this.value,1)
     }
   }
 }],

示例:https://jsfiddle.net/er1187/8gwzcbsk/4/

我还尝试在每个栏上添加自定义标签(红色标签):https://jsfiddle.net/er1187/pqfa0Lpm/

我正努力在一张图表上显示所有三(3),当我添加自定义标签时,第二轴消失。有什么方法可以拥有这三个?

提前致谢!

1 个答案:

答案 0 :(得分:0)

我能够通过链接两个类别来添加所有三个:

{
    linkedTo: 0,
    categories: ['ONE', 'TWO', 'THREE','FOUR']
},
{   linkedTo: 0,
    categories: ['FIVE', 'SIX', 'SEVEN', 'EIGHT']
}

参见编辑过的jsfiddle:http://jsfiddle.net/er1187/pqfa0Lpm/