Highcharts酒吧：高度由xAxis

在xAxis上有許多條目的條形圖。但他們彼此太接近了。實施例：http://jsfiddle.net/XUsCq/Highcharts酒吧：高度由xAxis

xAxis: { 
     categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania'], 
     title: { 
      text: null 
     } 
    },

來源

2013-07-26 user2481034

數據過於密集。更改div容器中類似的東西：如果你有大量的數據anayway的

plotOptions: { 
       bar: { 
        dataLabels: { 
         enabled: true, 
         style: { 
          fontSize: "8px" 
         } 
        } 
       } 
      }

但是這不會解決這個問題：

<div id="container" style="min-width: 400px; margin: 0 auto; height: 800px"></div>

您可以更改樣式爲dataLabels的。

最好的選擇是根據你顯示的元素數量來調整容器大小。

這裏是一個小提琴鏈接激勵你：

Fiddle

來源

2013-07-26 08:41:37 ElLocoCocoLoco

圖表是動態的。而且可能只有2個entrie。 http://jsfiddle.net/XUsCq/1/ – user2481034

在這種情況下，您應該通過腳本更改高度，具體取決於您擁有的數據量。如果你想玩一個你可以使用的文字大小：看到我更新的帖子。 – ElLocoCocoLoco

是的，我最後的想法大致相同，通過腳本統計數據和更改高度。 – user2481034

您的基本問題是，你有太多數據以適應可用空間。

有一些highcharts選項，它可以幫助：groupPadding和pointPadding在plotOptions

groupPadding:0, 
pointPadding:0,

Howver，你能做的最好的事情是通過在包含分區設置一個較大的高度使圖表高一點：

http://jsfiddle.net/eEHFH/

來源

2013-07-26 08:43:43 SteveP

Highcharts酒吧：高度由xAxis

回答

相關問題