Question

我想创建一个在x轴上有5个不同日期的条形图（a.k.a.列）图表。对于每个日期，我想显示代表该日期我马厩中最健康的3匹马的健康水平的条形图。但是我有20匹马，并且至少有一天中最不健康的马匹总数最多可以是15匹。假设对于此图表，有9种不同的马匹将出现在图表上的至少一个日期。

问题：highcharts将条形图拉得足够薄，以便它可以在每个日期显示所有9匹马，即使每个日期只显示三匹马。这意味着条形极薄，并且有大量的空白。不仅如此，而且他的实际酒吧间距不规则，因为高图似乎在所有9匹马的每个日期都节省了特定的空间。

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

Answer 1

这完全取决于您如何设置数据。如果你想为每匹马准备一个系列，你就无法解决你所描述的问题。

但是，如果设置稍有不同，您应该能够以您希望的方式获得图表。

以下是实现它的一种方法的快速示例：

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
       ]

Highcharts条形图：如何防止缺少值占用空间

1 个答案: