Javascript 如何使用FLOT图表保存图例
我正在使用FLOT创建图表。因为我已经升级到了FLOT javascript库的0.8.1版本,这允许图表轴与画布一起保存。我唯一的问题是图表图例没有保存到图表中 我需要做什么才能让传奇人物出现在我的画布上 以下是HTML:Javascript 如何使用FLOT图表保存图例,javascript,jquery,charts,flot,Javascript,Jquery,Charts,Flot,我正在使用FLOT创建图表。因为我已经升级到了FLOT javascript库的0.8.1版本,这允许图表轴与画布一起保存。我唯一的问题是图表图例没有保存到图表中 我需要做什么才能让传奇人物出现在我的画布上 以下是HTML: <div class="widget" id="flot_widget" data-collapsed="false" data-collapsible="true" data-icon="buildings" > <h3 class="handle"&g
<div class="widget" id="flot_widget" data-collapsed="false" data-collapsible="true" data-icon="buildings" >
<h3 class="handle">Market Data for: <input type="text"
placeholder="Municipality"
id="flotAverageSalePricesCity"
style="float:inherit; font-size: 15px; width:90px;"
required
data-regex="^[a-zA-Z. ]+$" />
<span id="c3"></span>
</h3>
<div class="demo-container" id="demo-container" style="display:none; ">
<div id="placeholder" class="demo-placeholder" ></div>
</div>
</div>
感谢您的帮助。目前,在第页中无法执行此操作。您需要使用一个完整的页面渲染器,如
将图例渲染到画布是Flot 0.9的主要项目之一。感谢您的回复。我饶有兴趣地阅读了您9月29日关于0.9状态的更新。将期待它的最终发布。
$("#flotAverageSalePricesCity").result(function(event, data, formatted) {
if (data){
$.ajax({
url: sURL + "utility/ajaxmuniChart1c",
type: "POST",
data: {muni: data[0]},
dataType: 'json',
success: function(json){
if (data) {
myWidth = (document.getElementById('flot_widget').offsetWidth-15)+"px";
myHeight = (document.getElementById('flot_widget').offsetWidth*.66)+"px";
document.getElementById('demo-container').style.display = 'block';
document.getElementById('placeholder').style.width = myWidth;
document.getElementById('placeholder').style.height = myHeight;
var options = {
canvas: true,
series: {
lines: { show: true, fill: false, fillColor: "rgba(255, 255, 255, 0.8)" },
points: { show: true, fill: true }
}
};
if (document.getElementById('c3').childElementCount > 0){
document.getElementById('c3').innerHTML = "";
};
var plotArea = $.plot("#placeholder", [json], options);
var ctx = plotArea.getCanvas();
loc = sURL + 'php/saveme.php';
var cs = new CanvasSaver(loc);
var btnDownload = cs.generateButton('Download', ctx, 'PTS_Chart');
c3.appendChild(btnDownload);
}
}
})
}
})