[英]Jquery Flot Chart label not showing
因此,我正在學習浮點圖,但是在使用選項時,很難顯示標簽或圖例。 某些選項會起作用(例如行的fill和fillColor),但其他選項不會嗎? 在桌子上敲我的頭
由於某種原因,它在jsfiddle中根本沒有顯示,但在我的Web應用程序中卻顯示。
<h1>Flot Examples</h1>
<div id="placeholder" class="placeholder" style="width:500px; height:300px; background-color:darkcyan;" runat="server">
<script type="text/javascript">
var data, data1, dataTime, options, chart;
var date = new Date(); //2015
var date1 = date.setDate(date.getDate());
var date2 = date.setDate(date.getDate() - 365); //2015
var date3 = new Date(date.getFullYear() - 2, date.getMonth() - 5, date.getDate() - 6);
dataTime = [
[date1, 1],
[date2, 3],
[date3, 6]
];
data2 = [dataTime];
data1 = [
[1, 4],
[2, 5],
[3, 6],
[4, 9],
[5, 7],
[6, 6],
[7, 2],
[8, 1],
[9, 3]
];
data = [data1];
options = {
series: {
//bars: { show: true }
lines: {
show: true,
// fill: true,
//fillColor: "#000000"
},
},
xaxis: {
mode: "time"
},
yaxis: {
min: 1
},
selection: {
mode: "x"
},
grid: {
show: true
},
// clickable: true,
// hoverable: true,
shadowSize: 20,
highlightColor: "#ffffff", //this is the color of the circle that appears
label: {
string: "invisible"
},
tooltip: true,
legend: {
show: true,
labelBoxBorderColor: "#ffffff",
position: "ne",
margin: 10,
backgroundColor: "#66ccff",
}
};
$(document).ready(function() {
// chart1 = $.plot($('<%= placeholder.ClientID %>'), data, options);
chart1 = $.plot($(".placeholder"), data2, options);
});
</script>![enter image description here][1]
我建議將此插件用於軸標簽: https : //github.com/markrcote/flot-axislabels 。 它使您可以非常簡單地為x和y軸添加標簽。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.