【问题标题】:How to control Brush transaction effect in dc.js?dc.js中如何控制刷机交易效果?
【发布时间】:2015-09-22 16:04:33
【问题描述】:

我正在使用 dc.js 制作可视化数据分析工具的原型。 关于库的画笔功能,如何指定画笔选择的行为(AB)?

我有两种不同的行为,代码相似。

A 中,选中的条以“蓝绿色”突出显示,未选中的条显示为灰色。

B 中,选定的条形也会以“蓝绿色”突出显示。但是,这一次它完全隐藏了未选中的栏。

谁能告诉我应该使用/更改哪个功能/特性来定义AB

一个

     s.spendHistChart
       .width(350).height(200)
       .colors('teal')
       .centerBar(true)
       .dimension(cAmountDim)
       .group(spendHist)
       .x(d3.scale.linear().domain([0,100]))
       .elasticY(true)

B

         s.chart2
            .width(990).height(120)
            .colors('teal')
            .margins({top: 0, right: 50, bottom: 20, left: 80})
            .dimension(s.moveMonths)
            .group(s.dateDimensionSpend)
            .centerBar(true)
            .gap(20)
            .x(d3.time.scale().domain([new Date(2013, 0, 1), new Date(2015, 11, 31)]))
            .elasticX(false)
            .round(d3.time.month.round)
            .alwaysUseRounding(true)
            .xUnits(d3.time.months);

当然我错过了一些东西。我希望你能帮助我。

【问题讨论】:

    标签: javascript d3.js dc.js crossfilter


    【解决方案1】:

    A 是预期的行为。

    Crossfilter 维度只会观察其他维度的变化。

    过滤发生在维度上,但 dc.js 从组中读取数据。

    因此,如果图表的组不属于其维度,则图表将观察自己的过滤器,这通常不是所需的行为。

    https://github.com/square/crossfilter/wiki/API-Reference#dimension_group

    【讨论】:

      猜你喜欢
      • 2021-07-18
      • 2013-06-02
      • 2018-10-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-11-03
      • 1970-01-01
      相关资源
      最近更新 更多