使用node.js在浏览器上显示dc图表

时间:2014-04-23 09:11:00

标签: node.js d3.js dc.js

我在节点js中使用你的dc js来通过服务器渲染dc图表,但我遇到了很多问题。

  1. 首先我在变量中找到了svg的所有结果,但我想知道如何在Web浏览器中呈现图表。
  2. 当我将SVG标签写入文件,如“index.html”试图将该文件运行到浏览器时,会显示图表,但过滤器不会消失
  3. 我们如何在浏览器中将dc.js与node.js一起使用?
  4. 我已经尝试了很多方法来获得结果,但我没有成功。如果您有任何教程或任何指导请告诉我

1 个答案:

答案 0 :(得分:1)

我没有尝试在服务器端使用带有节点的dc.js,但是您应该能够将svg标记写入html文档。

例如,如果您使用Chrome开发者工具的“元素”标签浏览DOM中的http://dc-js.github.io/dc.js/等实时网站的DOM,您会看到以下内容:

<div class="row">
<div id="yearly-bubble-chart" class="dc-chart">
    <strong>Yearly Performance</strong> (radius: fluctuation/index ratio, color: gain/loss)
    <a class="reset" href="javascript:yearlyBubbleChart.filterAll();dc.redrawAll();" style="display: none;">reset</a>

    <div class="clearfix"></div>
<svg width="990" height="250"><g>

...

注意:我认为你不能以这种方式使用它来获得dc.js的交互功能。