2014-11-14 1 views
0

Я работаю с dimple js, и я хочу изменить ширину диаграммы и перерисовать ее снова, как я могу это сделать. Я попытался chart.width() и даже chart.newSvg(), но это ни к чему у меня есть образец javascript линейный график, и я положил его в jsfiddle
Jsfiddle
Javascript Код:изменить ширину диаграммы ямки js

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); 
+0

вы можете поставить его на jsfiddle? – BomberMan

+0

@Hardik Anavadia http://jsfiddle.net/mmhwvzwm/ –

ответ

0

Fiddle

Изменить этот

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

до необходимой ширины

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

и использовать эту линию перед построением диаграммы снова

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

Я не могу получить ваш ответ. Я просто хочу изменить ширину диаграммы и перерисовать ее снова. Я не хочу объявлять другую диаграмму и ставить ее вместо этого. –

+0

Я просто дал вам два графика, например. вы можете просто изменить ширину, заменив 600 на необходимую ширину. и перед перерисованием удалите innerHTML из DIV. –

+0

Это был не мой вопрос, я просто хочу изменить ширину и перерисовать этот график еще раз, чтобы не объявить еще один –