问题标签 [kendo-gauge]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1295 浏览

kendo-ui - 剑道 UI 仪表动画

每当数据发生变化时,我想实时为我的 kendoUI 仪表设置动画。我目前可以通过直接设置仪表指针的值并刷新来做到这一点,但是当我这样做时,它会直接跳转到新值而不是优雅地为其设置动画。如何添加动画,就像 Gauge 控件在它第一次启动时所做的那样?

0 投票
2 回答
2224 浏览

javascript - 如何自定义仪表控件?

看着径向仪表控件。想知道是否可以使它看起来像下面的图片,没有针?

在此处输入图像描述

0 投票
1 回答
4600 浏览

kendo-ui - KendoUI 设置 Northwind Demo 喜欢

我正在使用最新的 KendoUI,并尝试设置一个像 kendoUI 的官方网站 AD 图像显示的仪表。

您可以在以下位置找到广告图片:http ://www.telerik.com/kendo-ui 请看图片,它显示了一个名为“northwind-dash”的应用程序,上面有一个绿色仪表,有一个仪表内的白色文字“63%”。

我尝试下面的代码:

但是,我只能得到正常的径向量规。我在 KendoUI 的文档中到处查看,但找不到有关北风破折号演示或示例的任何内容。

谁知道如何更改仪表的样式以使其与图像显示的一样。

你的,伊万

0 投票
1 回答
732 浏览

javascript - 使用数据绑定初始化时,Knockout-kendo 径向量规未正确绘制

我的应用程序中的Knockout-Kendo 径向量规出现问题。我正在尝试通过 data-bind 属性对其进行初始化,但它似乎没有正确调整自身的大小。

有趣的部分来了;当页面被激活(使用 durandal)时,仪表会像这样绘制: 在此处输入图像描述

为了使仪表正确缩放并适合灰色圆圈,我必须像这样重新绘制它(从浏览器控制台或在 .js 文件中):

这样做时,我的仪表看起来像预期的那样; 在此处输入图像描述

现在,我尝试使用常规的 Kendo 实现来创建它——效果很好,可以正确绘制仪表,如上图所示;

有谁知道这里可能出了什么问题?

0 投票
3 回答
1409 浏览

javascript - 如何更改剑道径向量规中的指针长度

您可以通过设置cap:size值来更改指针的宽度,但我需要更改指针的长度,以便它们以分层方式表示 5 个不同的时间点。如何才能做到这一点?

0 投票
0 回答
46 浏览

reactjs - 将 Kendo UI - RadialGauge 指针类型更改为自定义

我正在尝试更改 Kendo UI 的RadialGauge中的指针,但我在 jsx 文件中看不到执行此操作的选项。

这就是我想要实现的- 在此处输入图像描述

注意黑色指针的形状。它更像是一个亲爱的水滴形状。

这就是我的仪表现在的样子—— 在此处输入图像描述

注意指针底部的黑色圆圈。我希望能够减小它的半径。

下面是我的代码 - https://stackblitz.com/edit/react-zqkayk?file=app/main.jsx

我从开发工具中注意到它是“k-gauge”类中的一个“圆形”组件。它有一个名为“r”的属性,它决定了半径。如果我将它降低到“7.7”,我会降低它。

但我不确定如何定位它。

在此处输入图像描述