Highchart X軸標籤太長[解決]

-1

我的x軸標籤過長和Highchart設法只查看3個字符。應該添加什麼代碼來查看整個標籤？

編輯，添加在溶液中

SOLUTION：

非常簡單的解決方案我補充說：「marginBottom：70」，並能夠顯示完整的標籤。請參閱下文。

$(document).ready(function() { 
     var options = { 

      chart: { 
       renderTo: 'container', 
       type: 'column', 

       marginBottom: 70, 
       marginRight: 130 

      }, 
      title: { 
       text: 'All Gantries Instertions', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: '', 
       x: -20 
      }, 
      xAxis: { 

       categories: [], 

      },

來源

2016-02-03 Benjamin Lee

發佈我們自己的解決方案，然後:) –

上面貼出的解決方案，以及問題。 –

你應該基本上發佈你的解決方案作爲答案。現在有人失去了什麼問題，解決方案是什麼？ –

您可以使用帶有useHTML = true的標籤格式化程序和使用自定義類的標籤。

您的xAxis節點如下所示。

 xAxis: { 
      labels: { 
       formatter: function() { 
        return '<span class="XYZ">' + this.value + '</span>'; 
       }, 
       useHTML: true 
      } 
     }

一些自定義CSS，而不是XYZ應用類。

來源

2016-02-03 04:45:12

謝謝。我找到了答案。 :) –

您可以將useHTML設置爲true並定義標籤的寬度。更多可以增加spacingBottom參數。

xAxis: { 
    labels: { 
     useHTML:true, 
     style: { 
      width: 50 //where 50 is value in pixels 
     } 
    } 
}

來源

2016-02-03 09:28:20

謝謝。我找到了答案。 :) –

Highchart X軸標籤太長[解決]

回答

相關問題