Jak zdefiniować rozmiar wykresu w jqPlot

Question

Używam jqPlot do renderowania wykresu na stronie.

Podążam tym łączem. http://www.jqplot.com/tests/bar-charts.php

Punkt danych, który daję wykresowi, jest dynamiczny. więc czasami rozmiar wykresu jest inny. Czy istnieje sposób/lub można ustawić właściwość dla jqPlot?

Precyzując, pytanie brzmi, jak ustawić wysokość i szerokość wykresu, aby za każdym razem, gdy otrzymuję nowe dane, rozmiar wykresu i rozmiar etykiet są zawsze takie same. Przykład z jsFiddle pomoże każdemu, w tym mnie.

Answer 1

można ustalić rozmiar konfigurując height i width:

$.jqplot('chartdiv', [data], 
{ 
    height: 400, 
    width: 400, 
    ... 

Należy również podać height i width do div docelowej:

<div id="chartdiv" style="height:500px; width:500px;"></div> 

Answer 2

jeśli określić wysokość i szerokość dla div, to ma pierwszeństwo nad wysokością i szerokością określoną w opcji dla JqPlot.

Answer 3

Spróbuj tego: (jego inline CSS) ...

<div id="**chart1**" style="height:400px;width:300px; "></div> 

* div id (Chart1) musi być taki sam jak plik jqPlot JS.

Plot1 = $ .jqplot ("Chart1" [DATA]

można zmieniać wysokość i szerokość jak na swoje wymagania.