2014-11-14 5 views
0

저는 보조개 js로 작업 중이며 차트 너비를 변경하고 다시 그릴 수있는 방법을 설명합니다. 나는 chart.width() 심지어 chart.newSvg()을 시도했지만이 내가 샘플 javascript 선 차트가 나는 jsfiddle
Jsfiddle
자바 스크립트 코드에 넣어 아무것도에 온 :보조개 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으로 바꾸면 너비 만 바꿀 수있다. 그리고 다시 그리기 전에 DIV simple의 innerHTML을 제거하십시오. –

+0

그것은 내 질문이 아니었다. 너비를 변경하고 다시 그 차트를 다시 그리기를 원한다. 다른 하나를 선언하지 말것. –

관련 문제