圓角到矩形？

Question

目前，我在c3.js中生成的圖表圖例是彩色矩形，我想通過圓圈對其進行更改。 我該怎么做？

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
      }
  }
});

柱塞

Answer 1

有一種方法（可怕嗎？！）來做您想做的事情：

CSS更改：

.c3-legend-item-tile {
  stroke-linecap: round;
}

JS變更：

const legendTiles = document.getElementsByClassName('c3-legend-item-tile');
for (const tile of legendTiles) {
    const x1 = tile.getAttribute('x1');
    tile.setAttribute('x2', x1);
}

看到這個柱塞