如何在C3中隐藏具有空值的条形？

Question

我有一个C3图表，数据作为JSON。以下是我的数据数组，该数据数组由日期类别（x轴）和带值的id（y轴）组成。

请注意，11月和12月的第二个ID与其他数据元素的第二个ID不同。因为从技术上讲我有3个不同的ID，所以C3试图以3个分组显示我的条形图，为空值创建一个单独的条形图。我试图隐藏这些空值，因此图表上每个日期仅显示2条。

[
    {
      "category": "Jan 2019",
      "id1": 1200,
      "id2": 1400
    },
    {
      "category": "Feb 2019",
      "id1": 1000,
      "id2": 1200
    },
    {
      "category": "Mar 2019",
      "id1": 1050,
      "id2": 1100
    },
    {
      "category": "Apr 2019",
      "id1": 1000,
      "id2": 1050
    },
    {
      "category": "May 2019",
      "id1": 1250,
      "id2": 1300
    },
    {
      "category": "Jun 2019",
      "id1": 1450,
      "id2": 1500
    },
    {
      "category": "Jul 2019",
      "id1": 1700,
      "id2": 1900
    },
    {
      "category": "Aug 2019",
      "id1": 1650,
      "id2": 1850
    },
    {
      "category": "Sep 2019",
      "id1": 1450,
      "id2": 1750
    },
    {
      "category": "Oct 2019",
      "id1": 1400,
      "id2": 1500
    },
    {
      "category": "Nov 2019",
      "id1": 1300,
      "id3": 1500 // new id
    },
    {
      "category": "Dec 2019",
      "id1": 1350,
      "id3": 1200 // new id
    }
  ]

我在下面附上一张图片。任何帮助表示赞赏！

c3 chart

Answer 1

如果是这种情况，则只有id2或id3中的一个会进入数据，则将Id2和ID3组。因此，它将只占据一个位置。

您甚至可以为各个数据自定义颜色。