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

I want to use charts and graphs for visualizing data.Need some recommendation as D3js that I am using is not responsive

本文关键字：因为 D3js 响应 用图表 可视化 数据      更新时间：2023-09-26

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

我知道两种使D3响应的方法：

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*
        }

在绘图功能中，您可以捕获窗口的宽度，如下所示：

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

2） 检查这一页上的答案。在我个人看来，这种方式是最简单的。

相关文章：