jquery - 剑道图表,两个系列的叠加

标签 jquery charts kendo-ui kendo-dataviz


你好,我有一个包含两个系列的 Kendo ui 条形图。
默认情况下,该系列将并排显示。

使用“stacked: true”,2 个系列将被堆叠。
(第一个值+第二个值)

...
seriesDefaults: {
    type: "column",
    stack: true       <-- make it stacked
}, ...

到目前为止一切顺利。我想要的是一个系列位于另一个系列之上,在某种程度上是一种叠加。
(第一个值 - 第二个值)

我创建了一个fiddle .
希望你明白我的意思:-)

这可以通过配置实现吗?或者我必须在将数据放入图表之前对其进行操作!?

最佳答案

据我所知,Telerik 不支持标准堆栈之外的条形图中叠加的系列数据。您可以尝试询问他们的support forums

如果,另一方面,您正在讨论采用系列 1 值减去系列 2 值,那么,是的,可以做到这一点,但您必须为其编写代码。像这样的事情:

var dataset = new Array(10, 15, 20, 10, 15, 20);
var dataset2 = new Array(2, 2, 4, 6, 5, 20);
var dataset3 = new Array(); //dataset1 - dataset2
for(var i = 0; i < dataset.length; i++){
    dataset3.push(dataset[i] - dataset2[i]);
}

这是一个fiddle with that ,并显示将其放入图表中的其余部分。

关于jquery - 剑道图表,两个系列的叠加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21483330/

相关文章:

jquery - tippyjs 偏移量不起作用

jquery - PhoneGap + JQM Android 滚动问题

javascript - Highcharts:如何将完整数据添加到图表中的多个系列

kendo-ui - 如何从 Kendo UI TreeView 向 Controller 发送数据

javascript - Kendo ui 网格命令模板点击链接功能

javascript - 语法错误: unterminated parenthetical for validating the local file path

javascript - 切换 div 重定向到带有 ID 的链接

javascript - amCharts - 通过 HTML 元素或 id 获取图表对象?

javascript - 谷歌图表 : Invalid column label | Category Filter as Column Selector

html - Kendo Ui 数据可视化图表工具提示覆盖 Bootstrap 导航