是否有可能使Kendo UI DataViz显示半径而不是完整的圆形

时间:2013-02-01 20:51:22

标签: kendo-ui kendo-dataviz

我正在尝试使用Kendo UI创建径向仪表。我在演示中注意到,它将径向仪表渲染成一个完整的圆形。是否可以让仪表只渲染上半部分?

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

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

谢谢,

2 个答案:

答案 0 :(得分:2)

将径向框架变成背景图形。

只需将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;
}

答案 1 :(得分:1)

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