首页 文章
  • 5 votes
     answers
     views

    将图例添加到dc.js中的饼图

    我正在构建一个基于dc.js的可视化,其中一个图表是一个饼图 . 看到: http://jsfiddle.net/luiseth/t8we6/ 我的例子的特点是这个图表显示的标签通常很长,通常会被图表的容器( <div> )剪掉 . 所以我想让它们出现在一个传奇中,但我还没有想到如何让图例出现在图表的右侧 . 我怎样才能做到这一点?由于图表位于 <div> 的中心位置,因此...
  • 8 votes
     answers
     views

    DC-js中的多系列条形图

    我正在使用DC.js(在D3之上的lib)并且有一个单个系列条形图的一个很好的例子: var xf = crossfilter(data); var dim = xf.dimension(function (d) { return d["EmployeeName"]; }); var group = dim.group().reduceSum(function (d) {...
  • 1 votes
     answers
     views

    序数条形图上的dcjs y轴?

    使用dc.js,我创建了一个带有数值的序数条形图 . 我选择了序数图,因为我想为'未知'添加一个x-tick . 问题在于y轴 . 我无法弄清楚轴标记/缩放 . 如图所示,它在[00,20,40,60,80]之间交替 . 我希望它有一个完整的范围 . 我试图手动插入y刻度,但似乎没有y轴的存取方法 . 下面是我的代码和捕获 . ghg2Chart /* dc.barChart('#volume-m...
  • 1 votes
     answers
     views

    stackbar chart Dc.js - 不能显示前10名

    我一直试图弄清楚过关时间......我正在使用dc.js库开发堆栈栏图表 . 有很多尺寸(x轴),我需要显示前10名 . 我听说在行图中,你可以使用cap(),但其他图表不 . 我正在尝试使用.data(...),但我一直在犯错误 . 即使我做了, chart.data(function(d) { return d.all(); } 这被认为是默认值,但我在dc.js库中收...
  • 8 votes
     answers
     views

    DC.js dataTable的自定义文本过滤器

    我正在构建一个仪表板来显示一些数据 . 我有几个图表和一个列出所有数据的表格 . 我正在尝试添加搜索功能来过滤图表 . 我有很多公司和一些关于每个公司的数据 . 因此,如果我搜索“Appl”,只有以“Appl”开头的公司将列在数据表中,图表将反映这一点 . 我对当前实现的唯一问题是当我更改此过滤器或清除它时 . 数据似乎很好,但图表渲染不正确 . 清除后它们不会返回原始位置,或者以某种方式添加额外...
  • 0 votes
     answers
     views

    DC.js Stacked Line Chart无效

    是否有更完整的教程或指南来创建dc.js的图表,而不是_2720206中提供的图表?我'm trying to create a simple line chart with 2 stacked levels. I'm正在使用以下csv: 我希望WasteDate位于x轴上,WasteData位于y轴上 . 此外,我希望一层是WasteFunction Minimization,另一层是Wast...
  • 0 votes
     answers
     views

    动态创建和链接dc.js图表

    我正在编写一个Web应用程序,允许用户使用dc.js动态创建一个或多个图表 . 用户可以指定一些过滤器参数,每次都会检索生成的JSON并将其加载到新的dc.js条形图中 . 我想要的是所有图表都要链接,所以如果他们在图表上过滤它在其他图表上做同样的事情,如果他们在图表上缩放/滚动,这也会在其他图表上发生 . 它们在x轴(日期)上共享相同的数据范围 . 我的理解是这正是dc.js的用途 . 我有一个...
  • 3 votes
     answers
     views

    带日期轴的DC.js条形图

    我想基于x轴的日期创建条形图 . 标签应显示为月份(即2017年1月1日 - 首选) . 在我的数据中,我总是在下个月的第一个日期,即01Jan,01Feb,01Mar . 我创建了一个图表,但我无法使其对齐 . var chart = dc.barChart("#" + el.id); var chCategory = ndx.dimension(function(d) ...
  • 1 votes
     answers
     views

    dc.js有两个维度的序数堆积条形图,显示NaN值并且没有堆积条形

    我正在创建一个堆积条形图(replicating like this),其中CSV数据有3列 . 我很难从上面提到的dc.js示例中复制 . 请参阅代码here 这是CSV中的数据: var data = [ {"Name":"Dani","Subject":"Maths","Score":60},...
  • 1 votes
     answers
     views

    如何在dc.js图表中使过滤器透明

    我正在尝试使用dc.js制作条形图 . 用户可以通过单击并拖动过滤器来选择部分数据 . 然而,困难在于,当发生这种情况时,在我的网站上,过滤器完全变黑并且所选数据被遮挡: 应该发生的是,过滤器应该是部分透明的,如home page of dc.js中的this example,以便仍然可以看到所选数据 . 这是我用来生成页面的示例代码 . 我使用的是Crossfilter版本1.3.14,d3.j...
  • 0 votes
     answers
     views

    Serverside Crossfilter:复制过滤器功能 . 如何从函数闭包中访问变量

    现在正在使用crossfilter处理项目 . 由于要使用的数据可以变得非常大,我正在尝试在服务器端移植交叉过滤器 . (最后我希望能够直接从mongodb服务这些团体和维度) . 图表工作到目前为止,但我在过滤图表的多个值时遇到问题 . 澄清am“覆盖”,或者更好地说为dc.js创建一个虚函数,它使用给定的过滤器查询服务器 . var markerClickedDimension = { ...
  • 2 votes
     answers
     views

    如何调整dc.js和crossfilter的binning?这是性能瓶颈吗?

    我正在尝试制作一个可以接受csv并构建仪表板的通用交叉过滤器 . 以下是工作示例: https://ubershmekel.github.io/gfilter/?dl=https://ubershmekel.github.io/csvData/spent.csv https://ubershmekel.github.io/gfilter/?dl=https://ubershmekel.gi...
  • 1 votes
     answers
     views

    跟踪并过滤dc.js中的上个月值

    我有类似于DC.JS get last month value as filter中描述的问题 . 也就是说,我想在条形图中显示上个月的股票 Value (按公司和产品类型),同时我在折线图中显示股票的时间演变 . 为此,我需要通过刷线图来跟踪所选的上个月 . 在这里看到我的jsFiddle:https://jsfiddle.net/BernG/wo60z64j/12/ var data = [{...
  • 2 votes
     answers
     views

    dc.js使用crossfilter将回归图表合并到现有的散点图中

    我正在使用dc.js和crossfilter.js创建一个d3仪表板,我想知道如何将回归线实现到响应过滤的散点图中 . 我一直在玩一些重新添加回归线的例子,但是我一直没有成功地提取和合并代码 . 我没有数学问题,而是如何从维度访问过滤数据,然后如何将回归线添加到过滤后的散点图(以便回归线也响应未来的过滤) . jsFiddle演示 var data = [ {"record"...
  • 2 votes
     answers
     views

    扩展dc.js以添加“simpleLineChart”图表

    编辑请参阅此处查看我正在尝试执行的非工作示例:http://bl.ocks.org/elsherbini/5814788 我正在使用dc.js来绘制从我大学的蜂箱收集的数据 . 我正在将每个数据库更改的新数据推送到图表中(使用Meteor的魔力) . When the database is over 5000 records or so, rerendering the lines gets...
  • 0 votes
     answers
     views

    dc.js:具有多个CSV的ReduceSum

    这是另一个StackOverflow problem的后续工作,可以将包含多个CSV的图表创建到单个dc.js仪表板中 . 我按照说明操作,我的图表正在运行 . 但是,无法正常工作的是 numberDisplay 元素 . 我将'm suspecting is that since I'制表两个CSV的总数,我将不得不调整 groupAll.reduceSum() 函数,但我不确定如何 . 我的代...
  • 1 votes
     answers
     views

    使用dc.js创建一个简单的饼图

    我正在尝试使用dc.js创建一些交互式饼图来表示篮球队的统计数据 . 一个饼图将包含每个玩家的积分,另一个是他们的薪水等,表示为团队总数的一部分 . 我真的不明白如何使用crossfilter .dimension()和.group()函数 . reduceSum()真的需要在那里吗?所有我看到的都有不同的结构化数据,不适用于这种情况 . 以下是工资饼图的相关代码: var data = [ {...
  • 1 votes
     answers
     views

    使用dc.js绘制具有相同大小的饼图

    可能是我的问题很愚蠢,但我需要使用dc.js绘制一个饼图,它有多年的碎片,但无论是组数据,它们都需要相同的大小 . 我将crossfilter.js中的数据组作为相同的值 . 但是我需要知道还有其他方法可以使用尺寸获得具有相同尺寸的饼图吗?
  • 6 votes
     answers
     views

    在dc.js / Crossfilter中添加过滤器而不更新图表

    jsFiddle:http://jsfiddle.net/PYeFP/ 我有一个条形图设置,用于显示用户白天的行程数 tripVolume = dc.barChart("#trip-volume") .width(980) // (optional) define chart width, :default = 200 ...
  • 1 votes
     answers
     views

    在dc.js中使用多个数据集

    我有超过5个带有一个共同维度(主键)的规范化表 . 我不想将它们组合成单个数据集和绘图 . 我创建了单独的crossfilter对象来加载数据 . 当任何属于受尊重的crossfilter对象的图形被过滤时, 我按照以下方式使用(主键)检索过滤器 rowchart.on("filtered",function(){ var filter=dimension.group().al...
  • 0 votes
     answers
     views

    DC.js条形图条在画笔上消失,日期范围问题的总金额也消失

    我正在研究几个简单的DC,D3和Crossfilter数据可视化图表 . 经过多次修补和查看不同的例子后,我仍然无法弄清楚当我将画笔移到它们上面时条形图上的条形消失的原因 . 我正在努力的另一件事是尝试创建第二个图表并将其与第一个图表中选择的日期范围联系起来 . 第一个问题显然需要修复,以便工作,但我知道我的代码还有其他问题 . 我希望第二个图表是一个带有单个条形图的条形图,它显示第一个图形中所选...
  • 1 votes
     answers
     views

    从dc.js中选择条形图中的月份

    我有一个时间序列,其中包含日期,金额和计数列 . 我只是想按月绘制金额的总和,并通过单击栏选择一个月,而不是使用画笔 . 我认为我的目标非常简单,但我已经翻了几天没有成功 . 主要问题是我在图表上应用了一个过滤器,但重绘图表时不考虑过滤器 . 谢谢你的帮助 . 我正在使用 : dc.js 2.0.2 d3.js 3.5.17 crossfilter 1.4 这是我的代码: <...
  • 3 votes
     answers
     views

    更改dc.js图表颜色

    为什么所有dc.js图表都是蓝色的?我该如何改变呢?经过dc.css,没有看到太多蓝色的使用! 我尝试更改了很多的 fill 属性 . 我唯一成功的是条形图 . 仍然没有饼图的线索 .
  • 0 votes
     answers
     views

    在dc.js中绘制带有圆角矩形的条形图

    我正在尝试将圆角矩形添加到我在dc.js中创建的条形图中 . 我已经尝试添加一个renderlet,但这不起作用 . 然后尝试在dc.renderAll()调用之后添加这段代码: dc.transition(svg.selectAll('rect'), chartProjectsCreatedChart.transitionDuration()) .attr('rx', 5...
  • 7 votes
     answers
     views

    dc.js - 收听图表组渲染

    我正在尝试重构我编写的一些自定义d3代码,通过引入dc.js来渲染一系列由交叉滤波器驱动的图表 . 我的主要问题是我有一些dc.js不支持的图表类型(例如Sunburst Partition),我正在试图弄清楚如何与dc.js图表组一起渲染它们 . 过滤单个dc.js图表将自动呈现/重绘属于同一chartGroup的所有其他图表 . 是否有可能以某种方式挂钩到全局重新渲染事件,以便我可以同时重新绘...
  • 1 votes
     answers
     views

    Dc.js双重分组

    我是dc.js的新手 . 这是我想要实现的目标 . 我想制作一个条形图,通过计算唯一电子邮件的外观,x轴是外观组的数量,y轴将是属于发生组的唯一电子邮件的数量 . (交叉过滤器将涉及所以它会做根据我选择的日期自动分组/计数) 我的数据集 email date a@gmail.com 1/3/2015 a@gmail.com 1/5/2015 b@hotmail.com 1...
  • 1 votes
     answers
     views

    dc.js行图表值正确但条形长度相同

    我正在尝试用dc.js构建一个行图表 . 我的维度和组的键/值是正确的(并在标签和工具提示中正确显示),但行条不会呈现为相应的长度,例如: var qyChart = dc.rowChart("#top-ten") ; qyChart .dimension(qyDim) .group(qyT) .x(d3.scale.linear().domain([0,100])...
  • 4 votes
     answers
     views

    dc.js模拟点击图表并触发过滤器

    What I want to do: 我有一个barChart,其中x轴代表时间 . 可以通过用鼠标选择一段时间来选择一段时间,并且所有图表都可以正确地调整到选择 . 但是,有时很难从确切的日期转到确切的日期,我想添加一个日历,在那里可以选择那些日期 . 理想情况下,在日历上选择日期应与使用barChart上的鼠标选择时间段具有相同的效果 . Tried but don't like: 我尝试创建...
  • 1 votes
     answers
     views

    使用面板数据集在dc js中创建堆积图表

    我在创建堆叠条形图时遇到问题,我无法弄清楚如何将尺寸正确应用于面板数据集 我的数据如下: Date name value 12/1/15 name1 5 12/1/15 name2 6 12/1/15 name3 2 13/1/15 name1 2 13/1/15 name2 7 13/1/15 name3 8 14/1/15 name1 2 14/1/15 name...
  • 0 votes
     answers
     views

    Crossfilter.js和dc.js条形图问题

    我正在使用crossfilter和dc.js,我想做这样的事情: 因此,在创建维度和组之后: var Time1 = ndx.dimension(function(d) { return d.Dep_Time1; }); var FlightsByTime1 = Time1.group(); 我试图像这样画一个条形图: var Time1Chart = dc.barChart("#Ti...

热门问题