dc.js中的多系列折线图

杰森·桑德拉姆(Jason Sundram)

我仔细查看了dc.js的文档,并注意到围绕多系列折线图的一些未解决的问题。

我有看起来像这样的数据:

var data = [
 //['time', 'text', 'temperature', 'count'],
 ['1379952000', 'field_1', 91, 56],
 ['1379952000', 'field_2', 50, 20],
 ['1379952000', 'field_3', 88, 24],
 ['1379952000', 'field_4', 50, 37],
 ['1379953200', 'field_1', 97, 58],
 ['1379953200', 'field_2', 84, 86],
 ['1379953200', 'field_3', 85, 62],
 ['1379953200', 'field_4', 88, 73]
 // etc.
];

将其添加到交叉过滤器后,我想制作一个包含4条线的折线图:“文本”字段的每个值(即“ field_1”,“ field_2”,“ field_3”,“ field_4”)各占一行。该线程表明这样的事情是可能的。按照这里的建议我想出了这个要点中的代码

我不太清楚如何将数据系列分成4个单独的行。我曾尝试filter对数据进行使用,但最终还是得到了一个似乎包含所有要点的系列。

您可以在此处查看代码的实时示例:http : //bl.ocks.org/jsundram/6690354

任何帮助将非常感激。

更新:工作代码在这里:http : //bl.ocks.org/jsundram/6728956

JRideout

我张贴了您的要点似乎有效的叉子:http : //bl.ocks.org/jrideout/6710590

关键的变化是对撰写功能:

.compose(fields.top(Infinity).map(function(d,fi) {
    var field = d.key;
    return dc.lineChart(time_chart)
        .group({all:function() {
            return time_fields.all().filter(function(d) {
                var f = JSON.parse(d.key)[1];
                return f==field && d.value > 0;});
        }},field)
        .colors(['#1f77b4', '#ff7f0e', '#2ca02c','#d62728'])
        .colorAccessor(function(){return fi;})
        .keyAccessor(dateAcc);
}));

我创建了一个{all:data}包含对象的组,该对象包含您的组,但按键进行了过滤。

编辑: DC现在正在工作seriesChart以使其自动化。参见:http : //nickqizhu.github.io/dc.js/examples/series.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用DC.JS的多系列折线图

来自分类Dev

如何使用dc.js创建多折线图

来自分类Dev

dc.js中的双Y轴折线图

来自分类Dev

dc.js中的双Y轴折线图

来自分类Dev

带有dc.js的堆叠系列折线图(堆叠区域)

来自分类Dev

DC.js折线图-未显示任何线

来自分类Dev

dc.js折线图未显示任何内容

来自分类Dev

dc.js时间序列折线图

来自分类Dev

dc.js按y轴/值对有序折线图进行排序

来自分类Dev

过滤其他图表后,dc-js折线图消失了

来自分类Dev

dc.js堆叠的折线图,具有1个以上的维度

来自分类Dev

.renderTitle(false) 不适用于折线图 DC.js

来自分类Dev

多系列折线图

来自分类Dev

dc.js中的多折线顺序图

来自分类Dev

如何创建多系列折线图

来自分类Dev

多折线图

来自分类Dev

dc js-使用dc js的直方图

来自分类Dev

dc js-使用dc js的直方图

来自分类Dev

D3.JS:多系列折线图,显示所有日期的工具提示吗?

来自分类Dev

d3.js多系列折线图工具提示问题

来自分类Dev

d3.js-多系列折线图工具提示问题

来自分类Dev

透视JSON的D3多系列折线图

来自分类Dev

使用 Chartkick 和 Rails 的多系列折线图

来自分类Dev

Vega-Lite API中带有多系列折线图的工具提示

来自分类Dev

D3.js:使用长格式数据在多系列折线图中的现有折线上绘制点

来自分类Dev

如何使用具有以下数据类型的DC.js渲染多线图-JAVASCRIPT(DC.js)

来自分类Dev

dc.js 系列图中的累积总和

来自分类Dev

D3.js:使用长格式数据在多系列折线图中的现有线上绘制点

来自分类Dev

d3.js 带画笔的多折线图