如何将自定义数据注释添加到dc.js图表​​?

时间:2016-04-27 04:36:10

标签: javascript d3.js charts dc.js crossfilter

我目前有一个相当基本的复合折线图,如下所示:

should be escaped

我想添加以下内容" dynamic"注释:

enter image description here

动态"动态"我的意思是,只要用户更改了日期过滤器,或者有刷子选择,就需要更新这些总计和计算比率。

我被困在两个方面:

  1. 建议的方法是什么?到目前为止,我已经探索了两条路径:

    • 使用renderlet将SVG元素绘制到图表中:我无法访问crossfilter对象以检索数据。
    • 在图表之外创建自定义D3渲染:我无法在更改日期选择器或刷新图表时获取要更新的统计信息。此外,这在某种程度上降低了在图表本身内进行注释的灵活性(据我所知)。
  2. 另外,可以直接在crossfilter中计算比率吗?如果是这样的话?

1 个答案:

答案 0 :(得分:2)

你嘲笑的方式,我建议你把它们设置为单独的图表。可能最好的选择是使用dc.numberDisplay

关于计算比率 - 是的,您可以在Crossfilter中计算它们,但不要这样做。在单个Crossfilter组上维护比率的两个组成部分(使用自定义缩减器,ReductioUniverse)并在报告时进行除法。在dc.js中,这意味着计算图表df.groupby('ID').max() 中的比率。