我想使用图表来可视化数据。需要一些建议，因为我使用的 D3js 没有响应

【问题标题】：I want to use charts and graphs for visualizing data.Need some recommendation as D3js that I am using is not responsive我想使用图表来可视化数据。需要一些建议，因为我使用的 D3js 没有响应
【发布时间】：2016-04-15 10:08:16
【问题描述】：

是否有任何开源框架可以在主要是子弹图/甘特图/条形图和折线图中可视化数据。我现在正在使用 d3.js，但它没有响应。是否有任何其他框架可以为我提供以上所有图表并且也需要响应，或者有什么方法可以使 D3 响应。

【问题讨论】：

我在 google 上得到的第一个结果之一：“响应式动态图表 javascript”：chartjs.org
谢谢，我需要一些自定义图表，例如甘特图和子弹图。是否可以在 chart.js 中创建自定义图表，因为没有这些图表的示例或展示。
D3.js 图表可以响应。但是，D3 是一个低级框架，您需要使其具有响应性
任何提示如何使其响应

标签： javascript d3.js graph charts data-visualization

【解决方案1】：

我知道让 D3 响应的 2 种方法：

1) 检查窗口调整大小事件。基本上，当窗口调整大小时，您会删除图表并根据新维度重新绘制它们。

d3.select(window).on("resize",resize);

        function resize() {
            /* resetting the entire visualisation, the svg's and other added elements */
            d3.selectAll("svg").remove();
            d3.selectAll(".graphline").remove();
            d3.select("#namerow").remove();

            *function to redraw everthing*
        }

在你的draw函数中，你可以捕获窗口的宽度如下：

var chartWidth = parseInt(divParentContainer.style("width"),10);
var chartHeight = chartWidth * 0.8; // 0.8 can be seen as width-height ratio

2) 在this page 上查看答案。在我个人看来，这种方式是最简单的。

【讨论】：