javascript - 使用 CanvasJS 损坏/不完整的甜甜圈

Question

我想用 CanvasJS 制作一个响应式的 donought 图表，但我的客户想要一个“坏掉的”donought。就像缺了一块。

可以做到吗？如果是这样，怎么做？

或者，如果无法做到，是否可以推荐另一个可以做到这一点的响应式图形库？

谢谢

编辑：我设法“伪造”了一个空白，我将一个数据点设置为透明。但是，它不是“真实的”，因为透明部分仍然是一部分。

查看我的笔 http://codepen.io/SubZane/pen/sHpey

Answer 1

我不知道canvasJS，但你可以在canvas中绘制一个带有内环的多边形，在这里查看答案：Polygon with a hole in the middle with HTML5's canvas 你也可以用SVG来做，一些网络映射库用于这个在画布元素出现之前的目的。