C3.js 将图例标记更改为圆形？

Question

我正在比较 C3 和 NVD3。

我非常喜欢NVD3的图例功能。C3的传说很无聊。

如何使用 C3 将图例更改为圆形？

谢谢。

Answer 1

纯 CSS解决方案怎么样？

.c3-legend-item-tile {
  shape-rendering: auto;
  stroke-linecap: round;
  stroke-dasharray: 0.1 10;
  stroke-width: 8;
  transform: translate(6px, 1px);
}

查看实际操作： https: //jsfiddle.net/Dimmy/40cubjve/