Wie Sie die Größe des Graphen in jqPlot definieren

Question

Ich verwende jqPlot, um ein Diagramm auf einer Seite zu rendern.

Ich folge diesem Link. http://www.jqplot.com/tests/bar-charts.php

Der Datenpunkt, den ich dem Diagramm gebe, sind dynamisch. Manchmal ist die Größe des Diagramms unterschiedlich. Gibt es einen Weg/oder eine Eigenschaft für jqPlot zu setzen?

Um genau zu sein, die Frage ist, wie Sie die Höhe und Breite des Diagramms einstellen, so dass jedes Mal, wenn ich neue Daten bekomme, die Größe des Diagramms und die Größe der Etiketten immer gleich sind. Ein Beispiel mit jsFiddle würde jedem helfen, mich zu integrieren.

Answer 1

Sie können die Größe beheben, indem die height und width konfigurieren:

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

Sie müssen auch die height und width zum Ziel div geben:

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

Answer 2

, wenn Sie die Höhe angeben und width für div, dann hat es Präferenz über die Höhe und Breite in der Option für JqPlot angegeben.

Answer 3

Versuchen Sie folgendes: (seine Inline-CSS) ...

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

* div id (chart1) müssen wie die jqPlot JS-Datei gleich sein.

Plot1 = $ .jqplot ("chart1", [DATA]

Sie können nach Ihren Wünschen die Höhe und Breite verändern.