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

回答

相关问题