dc.js

1热度

1回答

在过去的几个星期里，我一直在尝试创建一个简单的个人仪表板，并一直在使用dc.js。我设法实现了一个弹出式菜单，用于选择我想用于分组lineChart时间维度的时间粒度，并感谢社区的帮助，我设法大幅提升了演出效果。现在我正在尝试动态更改我在分组数据（总和，平均，模式，最小和最大）上执行的聚合类型。我发现这example非常有帮助，但是，尽管如此，我没有完全设法适应我的情况，我没有设法使其工作。

0热度

1回答

dc.js合成图形 - 绘图新线的每个人

大家晚上好，我试图从一个充满小时报告（姓名，时间戳，工时等）数据库获取数据和使用dc.js创建一个绘图以可视化数据。我希望时间戳记位于x轴上，y轴上特定时间戳的小时数总和以及同一图表上每个唯一名称的新条形图。它似乎基于我的目标，使用crossfilter.js的时间戳应该是我的'维'，然后小时数应该是我的'组'。问题1，我将如何使用维度和组来进一步拆分基于人员姓名的数据，然后创建条形图以添加

1热度

1回答

带有负值的dc.js行图不显示完整行

我创建了一个行图以显示一些负值。我想将图表放置在具有正值的另一行图表旁边，因为行图表不支持堆叠。问题是，行没有完整显示。 elasticX似乎是问题所在。 x轴刻度范围从最低值到最高值受到限制。我创建了一个片段来演示bahaviour。在示例中，范围从-2000到-800，这是lowes值。但我显然需要它-2000到0. 我没有得到解决方案。所以任何帮助将不胜感激！ var data = [

1热度

1回答

如何在dc.js上创建一个具有多个维度的组

我试图使用dc.js库创建数据可视化。但我的数据有多个值字段。所以在这里我的数据的一部分： [{"_1000_1249":0,"_1250_1499":2},{"_1000_1249":1,"_1250_1499":2},{"_1000_1249":2,"_1250_1499":3}] 我想通过这样的数据键（计算数据的总和）创建组： “_1000_1249”：，（的 “_1000_124

1热度

1回答

DC.js choropleth地图图与着色相冲突的CSS，未显示地图。我怎样才能关闭填充：无？

我已经包括下面的html代码，它导入dc.js的JavaScript和CSS。当我加载页面时，所有的元素都在正确的位置。当我选择县级路径元素并取消选择填充时：none css，那么地图会显示它应该显示的内容。屏幕截图：fill:none ONfill:none OFF HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charse

0热度

1回答

计算dc.js中条形图中的条数

我想根据条形图上显示的条数来调整条形图的宽度。这是我的图表，它显示了足够宽度的记录，并且很好地显示。这里是另一种情况，其中只有两个条以相同的宽度显示，看起来很奇怪。对于这种情况，我需要根据酒吧的数量调整图表的宽度，以便我的图表看起来很漂亮。这里是我的脚本 var width = ??; // Here how should I calculate width based on the num

2热度

1回答

使用分组酒吧与DC.js

我使用的是grouped bar PR of dc.js和相应的grouped bar chart example作为基线。出于某种原因，我有我的数据使用数字，而不是字符串。（将“男性”和“女性”转换为1/0）。我猜测它与我使用的减少功能有关。当然，这也会影响我的x轴标签。我宁愿他们显示文本的变化。 ndx = crossfilter(eData), groupDim = ndx.dimen

2热度

1回答

dc.js制作两种颜色之间的颜色范围

我让用户从下拉列表中选择四个数字系列中的一个，以驱动气泡图中圆形的着色。（有半径为，x和y类似的下拉列表。） d3.select("select#colour").on('change',function(d) { var tempIndex = this.selectedIndex; yearlyBubbleChart.colorAccessor(function (p)

1热度

1回答

dc.js多线系列图表过滤

我已经有一个esp8266温度传感器网络记录在不同房间的温度到树莓派。然后，我使用dc.js（和crossfilter/d3）将其作为多系列折线图进行渲染。我有这个工作。我无法解决的是我可以如何做到这一点，例如，为每个房间添加一个按钮，这将在图表上打开/关闭该房间的线路。我已经设置了与我到目前为止工作 https://jsfiddle.net/nts435ju/24/ 你可以看到有3个房间有一个

1热度

1回答

mouseZoomable不elasticX线图

上工作我的线型图如下面的代码， var ndx = crossfilter(data), dim = ndx.dimension(function(d) {return d.index;}), profitGrp = dim.group().reduceSum(function(d) { return d.profit}); var profitChart = dc.li