（怎么样）我们可以用范围标签创建半圆形圆环图吗？

Question

我想制作这种半圆形圆环图。

"series": [
    {
        "name": "xxx",
        "y": 4,
        "start": "50%",
        "end": "40%"
    },
    {
        "name": "yyy",
        "y": 10,
        "start": "40%",
        "end": "10%"
    },
    {
        "name": "zzz",
        "y": 9,
        "start": "10%",
        "end": "-15%"
    }
]

START和END点dataLables也必须像图像一样显示在图表中。可能吗？

http://jsfiddle.net/hrvp3gj9/

Answer 1

Here是使用ZingChart的解决方案。它使用两个图表的组合，饼图和仪表图表。

半甜甜圈的创建时scale-r > aperture属性设置为180（半圈），plot > slice属性设置为80（形成甜甜圈的洞）。

直接放在饼图上的仪表图表隐藏了大部分属性。但是，通过设置相同的光圈和切片值，我们可以更轻松地在图表周围放置标签。记下scale-r > item > rules数组，该数组用于通过使用alpha（透明度）属性仅显示某些项目，该属性在scale-r > item对象中设置为0。

我在ZingChart团队，如果您有任何问题，请告诉我:)