Cách xác định kích thước biểu đồ trong jqPlot

Question

Tôi đang sử dụng jqPlot để hiển thị biểu đồ trên một trang.

Tôi đang theo liên kết này. http://www.jqplot.com/tests/bar-charts.php

Điểm dữ liệu mà tôi cung cấp cho biểu đồ là động. vì vậy đôi khi kích thước của biểu đồ là khác nhau. Có cách nào hoặc có thể đặt thuộc tính cho jqPlot không?

Để chính xác, câu hỏi là cách đặt chiều cao và chiều rộng của biểu đồ sao cho mỗi khi tôi nhận dữ liệu mới, kích thước của biểu đồ và kích thước nhãn luôn giống nhau. Một ví dụ với jsFiddle sẽ giúp mọi người kể cả bản thân tôi.

Answer 1

Bạn có thể điều chỉnh kích thước bằng cách cấu hình height và width:

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

Bạn cũng cần phải cung cấp cho các height và width để div mục tiêu:

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

Answer 2

nếu bạn chỉ định chiều cao và chiều rộng cho div, sau đó nó có sở thích trên chiều cao và chiều rộng được chỉ định bên trong tùy chọn cho JqPlot.

Answer 3

Hãy thử điều này: (inline CSS của nó) ...

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

* div id (chart1) phải cùng như File jqPlot JS.

plot1 = $ .jqplot ("chart1", [DỮ LIỆU]

Bạn có thể thay đổi chiều cao và chiều rộng theo yêu cầu của bạn.