改变酒窝js图表的宽度

Question

我正在使用dimple js，我想更改图表的宽度并重新绘制它，我该怎么做。我试过chart.width()，甚至chart.newSvg()，但这些都没有结果我有样本javascript折线图，我把它放在jsfiddle
Jsfiddle
Javascript代码：

var svg = dimple.newSvg("#chartContainer", 600, 400),
            data = [
                { "Value" : 10, "Year" : 2009 },
                { "Value" : 5, "Year" : 2010 },
                { "Value" : 4, "Year" : 2011 },
                { "Value" : 7, "Year" : 2012 },
                { "Value" : 10, "Year" : 2010 },
                { "Value" : 50, "Year" : 2020 },
                { "Value" : 40, "Year" : 2015 },
                { "Value" : 100, "Year" : 2014 },
                { "Value" : 200, "Year" : 2014 }
            ];
    var chart = new dimple.chart(svg, data);
    var x = chart.addCategoryAxis("x", "Year");
    x.addOrderRule("Year");
    var y = chart.addMeasureAxis("y", "Value");
    chart.addColorAxis("Value", ["green", "yellow", "red"]);
    var lines = chart.addSeries(null, dimple.plot.line);
    lines.lineWeight = 4;
    lines.lineMarkers = true;
    chart.ease = "bounce";
    chart.staggerDraw = true;
    chart.draw(2000);

Answer 1

Fiddle

改变这个

var svg = dimple.newSvg("#chartContainer", 600, 400),

到你需要的宽度

var svg = dimple.newSvg("#chartContainer", width, height),

在再次绘制图表之前使用这条线

 document.getElementById('').innerHTML="";