过滤后,dc / d3折线图在y轴上崩溃为0

时间:2014-06-25 16:10:22

标签: javascript d3.js dc.js

当我将尺寸过滤器应用于dc.js图形时,线条会出现难看的线条 朝着y轴。

Sample screenshot

在dc / d3中是否有可能不这样做,即我希望图形更像以下内容;

Desired

2 个答案:

答案 0 :(得分:3)

您可以直接在直流创建的图表上调用defined

chart
  .chart((c) ->
    dc.lineChart(c)
      .interpolate('linear')
      .defined((d) ->
        return !isNaN(d.y)
      )
  )

条件!isNan(d.y)可以是您喜欢的任何评估为真/假的。

请注意d传递的defined是d3对象,值得检查。

答案 1 :(得分:1)

两种可能的解决方案,具体取决于您是要连接线还是分段:

  1. 对数据进行预过滤,这样就不会有总和为零的组,而是根本没有组。这将使点与缺失数据上的线段连接。 https://github.com/dc-js/dc.js/wiki/FAQ#filter-the-data-before-its-charted

  2. 使用lineChart.defined在没有数据的行中放置间隙/中断。 https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#definedvalue