使用chart.js agularJS中的点标记旋转部分圆环图

时间:2015-12-25 05:12:48

标签: angularjs canvas chart.js

我正在尝试使用angular-chart.js创建部分圆环图(3/4甜甜圈)。反正有没有这样做? 在highcharts.js中可以指定开始和结束角度(Say -135到135(3/4圆环,旋转-135度),但在chart.js中它似乎不存在。

我的案例中的圆环图标记了3个区域,红蓝绿色(0到100的比例),我需要在区域上放置一个标记(圆环宽度小,点标记覆盖宽度)。我需要将标记放在图表上的某个点上,比如76(在0到100的范围内),并将动画停在76.

这可以用chart.js吗?任何人都可以分享小提琴吗?

1 个答案:

答案 0 :(得分:0)

我不认为它可以渲染部分甜甜圈/饼图,但您是否考虑使用“空白”数据点?此数据点可以是剩余的1/4值(blankData = 100 - (data1 + data2 + data3 + etc ...))您可以将其上的颜色设置为透明或匹配页面的背景颜色。通过这种方式,你可以看到一个3/4大小的圆环/饼图。