Javascript JqPlot图形太宽
我正在使用JqPlot,对图形的宽度有一个问题。以下是图形显示时的图像: 这个图表有点太宽了。请帮我把它的宽度缩小一点好吗。以下是DIV代码:Javascript JqPlot图形太宽,javascript,html,width,jqplot,Javascript,Html,Width,Jqplot,我正在使用JqPlot,对图形的宽度有一个问题。以下是图形显示时的图像: 这个图表有点太宽了。请帮我把它的宽度缩小一点好吗。以下是DIV代码: <div id="box6"> <div class="extrawidechartbox"> <div id="totalTakings" style="margin: 20px 0; width:1000px; height:500px;"></div> <table style
<div id="box6">
<div class="extrawidechartbox">
<div id="totalTakings" style="margin: 20px 0; width:1000px; height:500px;"></div>
<table style='width: 1000px; margin: 0 20px'>
<thead>
<tr>
<th>Select</th>
<th>Day</th>
</tr>
</thead>
<tbody>
<? //print_r($takingsArray); ?>
<tr>
<td width='30'><input type='checkbox' name='day_name0' class='daycheck' value='0' <? echo ($takingsArray[0]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#329dd5;font-weight:bold'>Week Totals</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name1' class='daycheck' value='1' checked <? echo ($takingsArray[1]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#0d8e17;font-weight:bold'>Monday</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name2' class='daycheck' value='2' checked <? echo ($takingsArray[2]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#f47320;font-weight:bold'>Tuesday</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name3' class='daycheck' value='3' checked <? echo ($takingsArray[3]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#7678ab;font-weight:bold'>Wednesday</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name4' class='daycheck' value='4' checked <? echo ($takingsArray[4]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#ecd77e;font-weight:bold'>Thursday</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name5' class='daycheck' value='5' checked <? echo ($takingsArray[5]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#84b586;font-weight:bold'>Friday</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name6' class='daycheck' value='6' checked <? echo ($takingsArray[6]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#bc8b7c;font-weight:bold'>Saturday</a></td>
</tr>
<tr>
<td width='30'><input type='checkbox' name='day_name7' class='daycheck' value='7' checked <? echo ($takingsArray[7]=='no data')?' disabled ':''; ?>></td>
<td align='left' width='80' class='day'><a href='#' style='color:#015253;font-weight:bold'>Sunday</a></td>
</tr>
</tbody>
</table>
</div>
这应该很简单,但我找不到解决方案。您可以应用特定的图表大小。我在这里就这个话题提出了一个问题: 解决方案是使用如下精确的图表大小进行回复:
var w = parseInt($(".jqplot-yaxis").width(), 10) + parseInt($("#chart").width(), 10);
var h = parseInt($(".jqplot-title").height(), 10) + parseInt($(".jqplot-xaxis").height(), 10) + parseInt($("#chart").height(), 10);
$("#chart").width(w).height(h);
plot.replot();
您可以应用特定的图表大小。我在这里就这个话题提出了一个问题: 解决方案是使用如下精确的图表大小进行回复:
var w = parseInt($(".jqplot-yaxis").width(), 10) + parseInt($("#chart").width(), 10);
var h = parseInt($(".jqplot-title").height(), 10) + parseInt($(".jqplot-xaxis").height(), 10) + parseInt($("#chart").height(), 10);
$("#chart").width(w).height(h);
plot.replot();
extrawidechartbox
的宽度是多少?extrawidechartbox
的宽度是多少?