如何在jqPlot中定义图形的大小

Vol*_*yer 10 asp.net-mvc jquery jqplot

我正在使用jqPlot在页面上呈现图形.

我正在关注此链接. http://www.jqplot.com/tests/bar-charts.php

我给图表的数据点是动态的.所以有时候图表的大小是不同的.有没有办法/或能够为jqPlot设置属性?

确切地说,问题是如何设置图形的高度和宽度,以便每次获得新数据时图形的大小和标签的大小始终相同.jsFiddle的一个例子可以帮助包括我自己在内的所有人.

zs2*_*020 9

您可以通过配置height和来修复大小width:

$.jqplot('chartdiv', [data],
{
    height: 400,
    width: 400,
    ...
Run Code Online (Sandbox Code Playgroud)

你还需要给heightwidth给目标DIV:

<div id="chartdiv" style="height:500px; width:500px;"></div>
Run Code Online (Sandbox Code Playgroud)


Gya*_*eep 7

如果指定高度和宽度div,则它优先于JqPlot选项中指定的高度和宽度.