问题标签 [kendo-chart]

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 回答
5283 浏览

kendo-dataviz - 如何在 X 轴上显示正确的日期

tl ; dr :当我将xAxis最小值和最大值设置为,比如说2013-01-01 14:30:00和或任何自动生成的错误时间戳,例如这里2013-01-01 15:45


我有一个关于 Kendo Dataviz Chart 的问题。我试图在一张图表中显示几个散点线图,描述一些技术指标如何随时间变化。为此,我需要以分钟为单位显示正确的日期和时间。而我似乎无法达到这个看似简单的目标,无论我如何搜索或尝试。

到目前为止所做的研究: Telerik 的
回答几乎没有帮助。

所有示例和演示都最多使用天粒度,因此没有帮助。

这是一些示例代码,我没有设法利用:jsbin.com/AtusAGO/1/edit

代码:请尝试在JSFiddle
中 注释和取消注释第 23 到 27 行,看看会发生什么(实际上几乎没有,而且从来没有我想要实现的)。

0 投票
1 回答
1585 浏览

responsive-design - kendo.resize 用于 dataviz 对象

在 window.resize 函数中使用 kendo.resize 时出现问题。我需要为剑道图表引导 3 个功能主义者,当我更改浏览器大小时,我使用了 kendo.resize 函数。图表调整大小仅适用于可见区域的图表。例如,我有带有两个带有 2 个图表的标签的剑道标签条(标签 1 -chart1,标签 2-图表 2)当我单击标签 1 并调整大小时,浏览器图表将重新调整大小,然后转到标签 2 图表 2 仍然当我重新调整浏览器的大小时,以以前的大小重新调整大小。

0 投票
1 回答
1772 浏览

kendo-ui - 无法使用剑道图表向 categoryAxis 添加注释

是否有可能在剑道图表中的 categoryAxis 上添加注释。正如在文档中看到的那样,它应该是可能的,但即使在设置了每个选项之后,我也看不到任何注释。我找不到任何人这样做的例子。有人管理或使用过这个功能吗?

我在 jsFiddle 上的尝试

谢谢

0 投票
1 回答
501 浏览

javascript - 从右到左的文本功能 Kendo UI Html5 图表

我尝试使用 KendoUI 库提供的 css( kendo.rtl.css ) 为 KendoUI html5 图表实现从右到左的文本功能。但是图表完全坏了?我们无法解决这个问题,因为我们无法控制 SVG。我已经为 Grids 尝试过同样的事情。它工作正常。kendo UI 是否支持图表的从右到左功能?如果是我如何为图表实现此功能?

0 投票
1 回答
3446 浏览

kendo-ui - 向图表添加多个系列

我目前正在尝试构建一个图表,显示每个日期的产品下载次数。当前代码示例如下:

如果我必须只显示一种产品的数据,它就可以正常工作。我将如何继续显示另一个产品的下载数据,即在图表中添加另一个系列?

0 投票
3 回答
6535 浏览

kendo-ui - 在剑道 UI 中如何在折线图中绘制垂直线

在此处输入图像描述如何使用 Html5 和 kendo UI 在折线图中绘制垂直线?谁能帮我解决这个问题?

0 投票
1 回答
951 浏览

knockout.js - Knockout-Kendo Chart 中的动态系列图例

我有一组对象,其中包含需要显示为动态剑道图表的数据。我正在使用带有 KO observablearray 的 Niemeyer 的 Knockout-Kendo 库。我使用相对值将数据绘制到剑道图表上,但我需要显示与数据关联的实际文本值。Kendo 有一个模板属性可以做到这一点,但我遇到了一个障碍,使它在 Knockout-Kendo 库中工作。

Fiddle
这是一个功能齐全的 Fiddle with data

目标
使用查找值在图表的 ValueAxis 和 ToolTip 中显示

参考
Kendo Label Template docs
Kendo Chart with a function for label example
Niemeyer Knockout-Kendo Chart docs

数据片段

HTML 和数据绑定

0 投票
0 回答
744 浏览

kendo-chart - 需要使用远程剑道分组和堆叠条形图

我正在使用 Kendo 条形图,它将显示动态数据的分组和堆叠。在类别字段中,我需要显示用户名,并且必须显示相应的指标值,这里的指标值是动态和可变的,指标计数值显示在条形中,就像堆积条形一样。

例如:度量值是 - High、Low、Medium、... 度量值计数 -> High-4、Low-2 和 medium -5 ,.. 这里计数 4,2 和 5 以堆叠形式显示酒吧。

像这样,我必须向具有各自值的多个用户显示。下面我展示了我的代码,我可以知道如何使用动态堆叠条形剑道图,并且我可以为上述问题提供解决方案。

代码图定义

0 投票
1 回答
2981 浏览

asp.net-mvc - 剑道图表列多行标签

我最近继承了一个广泛使用剑道图表的项目,并要求在列标签中添加一些信息。标签当前包含一个整数和一个百分比,修订版将添加一个额外的百分比值。由于标签有点长,因此需要将它们分成多行。

因此,当前显示的列标签为:

3, 0.00%

现在会读

3

0.00%

9.99%

代码采用 MVC 风格排列,因此确定每个标签的代码类似于以下内容:

看起来这应该是一件简单的事情,但我找不到在标签中正常工作的换行符的语法。Kendo 似乎确实试图解释 <br />条目,但这些会扰乱图表的流程并导致所有后续标签值显示在整个图表下方,而不是显示在列上方。我搜索过的一些论坛帖子断言这在剑道中目前是不可能的,但也提到它“将在 2014 年成为可能”(尽管其中大部分是较旧的帖子,因为我对剑道不太了解,所以我可以会误解他们指的是哪些标签)。

如果当前不支持该功能,任何人都可以为我提供在这种类型的标签中插入换行符的正确语法(来自代码)或可能的解决方法吗?

谢谢!

更新 我找到了<tspan>解决方法,它确实有点帮助,但看起来仍然很糟糕,因为我的图表随页面动态调整大小(因此,对于堆叠条形图,每列的宽度和起始位置不是静态的)。标签尊重每个标签的<tspan>y 坐标,但不尊重其 x 坐标,因此必须为每一列单独设置;如果未设置,所有列的标签将出现在图表的最左侧,y 轴值所在的位置。由于图表是动态的,因此没有“正确”的静态值可以放在那里,而且我一直无法找到从模板代码中获取列的起始位置的方法。有没有办法纠正这个问题,使<tspan>解决方法成为一个可行的选择?

(解决方法在这里找到)

0 投票
1 回答
1429 浏览

javascript - 剑道图表绑定到 JSON

给定以下 JSON

我正在尝试创建一个包含 2 个系列的简单条形图,以及一个使用日期的类别轴。但是我似乎无法管理它,并且在网上找不到任何绑定到复杂 json 数据的示例。