问Highcharts条形图:如何防止缺失值占用空间
EN

Stack Overflow用户

提问于 2013-04-11 15:02:09

回答 1查看 714关注 0票数 0

我想创建一个条形图(也称为列)图表，在x轴上有5个不同的日期。对于每个日期，我想要显示代表该日期我的马房中最健康的3匹马的健康水平的条形图。然而，我有20匹马，其中至少有一天是最健康的前3名的不同马的总数最多只能有15匹。假设对于这张图表，有9匹不同的马至少会出现在图表上的一个日期上。

问题是: highcharts绘制的条形图足够细，以至于它可以在每次约会时显示所有9匹马，即使每次约会只显示3匹马。这意味着条形非常细，并且有大量的空白。不仅如此，实际上酒吧的间距也是不规则的，因为highcharts似乎在每次约会时都为所有9匹马节省了特定的空间。

有没有什么方法可以告诉highcharts不要在x轴上为我想在另一天显示但不想在相关日期显示的马分配空间？

highcharts

回答 1

Stack Overflow用户

发布于 2013-04-12 02:21:19

这完全取决于您如何设置您的数据。如果您想为每匹马提供一个系列，那么您所描述的问题是没有办法的。

但是，使用稍微不同的设置，您应该能够以您想要的方式获得图表。

下面是一个实现该目标的方法的快速示例：

http://jsfiddle.net/jlbriggs/W9fUF/

data: [
            {y:3, horse:'horse 1', color:'red'},    //date 1
            {y:3, horse:'horse 2', color:'yellow'}, //date 2
            {y:3, horse:'horse 3', color:'blue'},   //date 3
            {y:3, horse:'horse 4', color:'green'},  //date 4
            {y:3, horse:'horse 5', color:'orange'}, //daate 5
       ]

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15942573

复制

相似问题

问Highcharts条形图:如何防止缺失值占用空间
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Highcharts条形图:如何防止缺失值占用空间EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Highcharts条形图:如何防止缺失值占用空间
EN