如何在typescript中将C3甜甜圈图表制作成半圆或半圆甜甜圈图表？

是否可以通过修改带有起始角和结束角的C3库代码来创建半圆环图或半圆圆环图

---

甜甜圈只是一个圆心空白的饼图。仪表更接近您显示的内容。 c3.js有一个

当值超过阈值时，刻度盘颜色会发生变化。 您希望显示多个参数，例如50%正在进行，其中30%通过，20%失败。等等。这类似于图表，但显示为圆弧。为此，您需要指定一个模式

下面有一些例子。试试这个：

this.chart = c3.generate({
      bindto: bindToThis,
      data: {
        columns: [
          ['padded1', 100],
          ['padded2', 90],
          ['padded3', 50],
          ['padded4', 20]
        ],
        type: 'gauge',
      },
      color: {
        pattern: ['#FF0000', '#F97600', '#F6C600', '#60B044'],
        threshold: {
          values: [30, 80, 95]
        }
      }

它呈现为

对于typescript，有一些角度组件，如。我找不到一个不经修改就能显示多个变量的

另请参见D3中的这些示例，这些示例可以修改为动态更改背景圆弧角度，以跟踪测量变量。针是可选的

或

---

这显示了如何在d3.js中执行此操作。我之所以这样说，是因为这篇文章也被标记为

d3.js

。然后从那里你可以修改它为Typescipt。谢谢你的块，但我也在寻找图例切换功能，如上图所示。用d3实现所有这些是我面临的问题。这里没有足够的例子。非常感谢您的详细解释，但是当我得到一个不同的图表，其中圆弧没有堆叠，但有平行的多个圆弧。我得到了这个。我怎样才能获得与上面提供的图像相似的图表？结果表明，该图像来自较旧版本的c3。最新的库按照阈值进行渲染，该阈值现在是必需的。有人向谷歌c3小组发帖问过这个问题吗？我不敢相信他们取消了让这一切正常运作的能力。看起来像是在倒退…@wuno我放弃了，用Chart.js来制作这个特殊的图表。休息，一切都好！