Javascript dc.js-在同一图表上绘制大型数据集和多个系列，使用不同的渲染样式（直线、条形等）

我使用dimple.js已经有一段时间了，我非常喜欢它。但是，对于大型数据集，我注意到一些性能问题，希望尝试crossfilter+dc，看看它的性能如何。我的问题是，在交付到页面/javascript之前，我不太确定如何最好地打包负载

我的json有点复杂，但在它的核心，它包含一个数据集数组，我想将其绘制在与线形图或条形图相同的图表上。例如，下面，我想将前两组打开和关闭绘制为直线系列，第三组绘制为条形图，理想情况下在第二个y轴上

我的问题是： 这在dc.js中可能吗？ 在这种情况下，就页面加载速度而言，我是否能从交叉过滤中获得任何好处？实际数据将由6个阵列和每个约3k的数据点组成

以下是json的外观：

{
    "hist_quotes" : [{
            "title" : "Open Prices",
            "data" : [{
                    "y" : 4318.28,
                    "x" : "2014-12-05 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 4309.48,
                    "x" : "2014-12-04 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 4312.17,
                    "x" : "2014-12-03 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 4291.33,
                    "x" : "2014-12-02 00:00:00",
                    "category" : "Open"
                }
            }],
            [{
            "title" : "Close Prices",
            "data" : [{
                    "y" : 4324.28,
                    "x" : "2014-12-05 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 4355.48,
                    "x" : "2014-12-04 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 4333.17,
                    "x" : "2014-12-03 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 4334.33,
                    "x" : "2014-12-02 00:00:00",
                    "category" : "Open"
                }
            }],
            [{
            "title" : "Volume",
            "data" : [{
                    "y" : 431828000,
                    "x" : "2014-12-05 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 401828000,
                    "x" : "2014-12-04 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 431828000,
                    "x" : "2014-12-03 00:00:00",
                    "category" : "Open"
                }, {
                    "y" : 401828000,
                    "x" : "2014-12-02 00:00:00",
                    "category" : "Open"
                }
            }]
    ]
}

---

如果您只创建一个图表，那么crossfilter/dc可能没有意义。它们是为维度图表设计的，这通常意味着您有一个数据集，其中包含多个特征维度，您希望在单独的图表中显示这些维度。如果您只想创建一个包含两个折线图和一个条形图的图表，那么您只需使用普通的D3.js即可。不过，交叉过滤可以帮助聚合数据。大多数图表库将具有大致相同的性能特征，因为限制因素是DOM元素的数量。唯一的例外是，如果可以使用画布渲染，但这相当困难。您希望找到某种方法来汇总数据，交叉筛选可以做到这一点，尽管这绝不是唯一的方法。因为您谈论的是使用同一个图表，所以您可能正在寻找。你提到了第二个轴，这将是和其他各种方法，在他们的权利。谢谢。我将尝试一下，因为其中一个功能需求是提供zoom，它似乎内置于此库中