我会告诉你我的jqplot折线图
并绘制图像
我怎么看底部标签编号是他的标签。
我的JQuery PlotToImage函数
if (!$.jqplot.use_excanvas) {
$('div.jqplot-target').each(function () {
var outerDiv = $(document.createElement('div'));
var header = $(document.createElement('div'));
var div = $(document.createElement('div'));
outerDiv.append(header);
outerDiv.append(div);
outerDiv.addClass('jqplot-image-container');
header.addClass('jqplot-image-container-header');
div.addClass('jqplot-image-container-content');
header.html('Right Click to Save Image As...');
var close = $(document.createElement('a'));
close.addClass('jqplot-image-container-close');
close.html('Close');
close.attr('href', '#');
close.click(function () {
$(this).parents('div.jqplot-image-container').hide(500);
return false;
})
header.append(close);
$(this).after(outerDiv);
outerDiv.hide();
outerDiv = header = div = close = null;
if (!$.jqplot._noToImageButton) {
var btn = $(document.createElement('button'));
btn.text('View Plot Image');
btn.addClass('jqplot-image-button');
btn.on('click', { chart: $(this) }, function (evt) {
var imgelem = evt.data.chart.jqplotToImageElem();
var div = $(this).nextAll('div.jqplot-image-container').first();
div.children('div.jqplot-image-container-content').empty();
div.children('div.jqplot-image-container-content').append(imgelem);
div.show(500);
div = null;
});
$(this).after(btn);
btn.after('<br />');
btn = null;
}
});
}
和CSS:
div.jqplot-image-container {
display: none;
background-color: #fff;
border: 1px solid #999;
display: inline-block;
margin-top: 25px;
clear: both;
}
div.jqplot-image-container-header {
font-size: 1.0em;
font-weight: bold;
padding: 5px 15px;
background-color: #eee;
}
div.jqplot-image-container-content {
padding: 15px;
}
a.jqplot-image-container-close {
float: right;
}
导致我的延迟标签号码的原因是什么?
答案 0 :(得分:0)
<强>解决强>
尝试将CSS应用于chart1
div(使用var plot1 = $.jqplot('chart1', [arrays], options);
):
<div style='align: left'>
<div id="chart1"></div>
....
</div>
和
#chart1
{
width: 800px;
height: 500px;
margin:0;
}