如何将甜甜圈图表的区域放在一起？

Question

我正在创建一个圆环图，我想加入这些地区，以避免这些空白。

我该怎么办？非常感谢你。

  var chart = c3.generate({
      data: {
          columns: [
              ['data1', 30],
              ['data2', 120],
          ],
          type : 'donut',
          onclick: function (d, i) { console.log("onclick", d, i); },
          onmouseover: function (d, i) { console.log("onmouseover", d, i); },
          onmouseout: function (d, i) { console.log("onmouseout", d, i); },
          label:true,
      },
      donut: {
          title: "Iris Petal Width",
           label: {
           /*format: function(value, ratio, id)
           {
             return d3.format('')(value)
           },*/
           show: false
          }
      }
  });

Plunker

Answer 1

您只需添加以下CSS规则：

.c3-chart-arc path {
    stroke-width: 0;
}

请参阅此Plunker。