是否可以使剑道UI数据可视化以显示一半的径向仪表而不是整个圆

Question

我正在尝试使用剑道UI创建一个径向仪表。我在演示中注意到，它将径向仪表呈现为一个完整的圆。是否可以让仪表仅呈现上半部分？

我查看了有关 http://docs.kendoui.com/api/dataviz/radialgauge 的文档。看起来它们允许我们配置刻度的角度，但我找不到实际仪表本身的角度。

关于如何解决这个问题的任何想法？

谢谢

Answer 1

径向的框架只是一个背景图形。

只需将CSS更改为目标图像文件即可自定义径向仪表的图形。

#gauge-container {
    background: transparent url("../../content/dataviz/gauge/gauge-container.png") no-repeat 50% 50%;
    width: 404px;
    height: 404px;
    text-align: center;
    margin: 0 0 30px 50px;
}

Answer 2

是的，您可以设置startAngle :0和endAngle :180，完整的圆圈是背景图像。