Javascript 在dimple.js中对我的图表进行响应性大小调整不起作用

在我的页面上有一个svg组件，我在其中附加了我的酒窝图。我希望图表的大小能相应调整

我在文件中提到了这一点

但当我在折线图中以类似的方式使用它时，它似乎不起作用。我的折线图代码如下所示：

                    var xpoints = chartData["xdata"];//Populated Dynamically
                    var ypoints = chartData["ydata"];//Populated Dynamically


                    var dataset = [];
                    var line1;

                    for (var i = 0; i < xpoints.length; i++) {

                            dataset.push({
                                x : xpoints[i],
                                y1 : parseFloat(ypoints[i])
                            });
                        }

                    var svg = dimple.newSvg("#" + mychart, "100%", "100%");

                    var x, y;

                    var myChart = new dimple.chart(svg, dataset);

                    myChart.setMargins("60px", "30px", "110px", "70px");

                    y = myChart.addMeasureAxis("y", "y1");
                    x = myChart.addCategoryAxis("x", "x");

                    line1 = myChart.addSeries("First", dimple.plot.line, [ x, y ]);

                    line1.lineMarkers = true;

                    var l = myChart.addLegend(65, 10, 510, 20, "right");

                    myChart.draw(1500);

                      window.onresize = function () {
                            myChart.draw(0, true);
                          };

var xpoints=chartData[“扩展数据”]//动态填充
var ypoints=图表数据[“ydata”]//动态填充
var数据集=[]；
var line1；
对于（var i=0；i

是不是我不能在同一个窗口中执行此操作，并且我绝对有必要创建一个新窗口，如示例中所示

---

控制台未显示任何错误，图表已正确呈现。只是调整大小功能不起作用

好吧，我发现了我的错误

事实证明，不需要创建新窗口

只是，我已经明确定义了div（#mychart）的高度和宽度，我将svg添加到div（#mychart）中，这些尺寸以像素为单位。因此，svg的大小即使在调整窗口大小时也保持不变-，因为它始终是恒定像素值的100%。所以这个函数实际上也在更早的时候启动，但最终的尺寸是相同的

---

我将div的维度更改为百分比值，一切正常：D

好的，我发现了我的错误

事实证明，不需要创建新窗口

只是，我已经明确定义了div（#mychart）的高度和宽度，我将svg添加到div（#mychart）中，这些尺寸以像素为单位。因此，svg的大小即使在调整窗口大小时也保持不变-，因为它始终是恒定像素值的100%。所以这个函数实际上也在更早的时候启动，但最终的尺寸是相同的

我将div的维度改为百分比值，一切正常：D