在下面的代碼中，我想在x軸上顯示整體名稱nd不希望它們與圖例

Question

JS小提琴http://jsfiddle.net/mrvteorw/重疊。我不想讓這個系列與x軸重疊。系列應該移到x軸字符串結束的底部。 我希望它看起來像http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bubble-3d/

$(function(){ 
// Set up the chart 
var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     zoomType: 'xy', 
     type: 'column', 

     margin: 75, 
     options3d: { 
      enabled: true, 
      alpha: 15, 
      beta: 15, 
      depth: 50, 
      viewDistance: 25 
     } 
    }, 
    yAxis: { 
     title: { 
      text:'hi', 
     } 
    }, 
    xAxis: { 
     title: { 
      text:'hfggggggi', 
     }, 
     labels: { 
     align:'right', 
      autoRotation: [-10, -20, -30, -40, -50, -60, -70, -80, -90] 
     }, 

     categories: ['jasdsaa','sdgsd','','','','sdffffffffffffffffffffffffffffff','sdddddddddddddddddddddd'] 
    }, 

    title: { 
     text: 'Chart rotation demo' 
    }, 
    subtitle: { 
     text: 'Test options by dragging the sliders below' 
    }, 
    plotOptions: { 
     column: { 
      depth: 25 
     } 
    }, 

    series:[{ 

     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
}); 

function showValues() { 
    $('#R0-value').html(chart.options.chart.options3d.alpha); 
    $('#R1-value').html(chart.options.chart.options3d.beta); 
} 

// Activate the sliders 
$('#R0').on('change', function() { 
    chart.options.chart.options3d.alpha = this.value; 
    showValues(); 
    chart.redraw(false); 
}); 
$('#R1').on('change', function() { 
    chart.options.chart.options3d.beta = this.value; 
    showValues(); 
    chart.redraw(false); 
}); 

showValues(); 
}); 

Answer 1

傳說將被放置像你在默認情況下，如果你讓Highcharts使用margin內部計算其設置爲75，而不是需要它，所以刪除margin選項並表應該爲你想要它。

示例：http://jsfiddle.net/mrvteorw/2/