台灣最大程式設計社群網站
線上人數
547
 
會員總數:245788
討論主題:189423
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> flot圖表繪製問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
flot圖表繪製問題
價值 : 100 QP  點閱數:736 回應數:1
樓主

迷路
高級專家
11021 137
7385 1736
發送站內信

捐贈 VP 給 迷路
當X軸用時間作為刻度時,最右邊的刻度沒出現
以月為單位時刻度是準的
以日為單位時刻度卻會偏移
以月為單位程式如下:

以日為單位程式如下:
<script type="text/javascript">
<!--
function gd(year, month, day) {
return new Date(year, month-1, day).getTime();
}

var data = [[gd(2016, 5, 26), 20],[gd(2016, 5, 27), 18],[gd(2016, 5, 28), 27],[gd(2016, 5, 29), 24],[gd(2016, 5, 30), 18],[gd(2016, 5, 31), 18],[gd(2016, 6, 1), 17],[gd(2016, 6, 2), 19],[gd(2016, 6, 3), 19],[gd(2016, 6, 4), 22],[gd(2016, 6, 5), 22],[gd(2016, 6, 6), 22]];
var dataset = [{ label: "Sell out",data: data }];
var options = {
series: {
lines: { show: true },
points: {
radius: 3,
show: true
}
},
xaxis: {
mode: "time",
timeformat: "%m/%d",
timezone: "Asia/Taipei",
tickSize: [1, "day"],
tickLength: 10,
axisLabel: "Date",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 10
},
yaxis: {
min: 0,
max: 40,
transform: function(v){ return -v; },
inverseTransform: function(v){ return -v; },
tickSize: 10,
axisLabel: "Number",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: "Verdana, Arial",
axisLabelPadding: 3
}
};

$(function(){
$.plot($('#ft'), dataset, options);
});
//-->
</script>
要如何讓最右邊的刻度正常顯示
並且避免刻度偏移問題

搜尋相關Tags的文章: [ flot ] , [ axis ] , [ 刻度 ] ,
本篇文章發表於2016-06-08 15:36
1樓
作者回應

迷路
捐贈 VP 給 迷路 檢舉此回應
以日為單位程式如下:


小舖最近發問,不打關鍵字整篇文章會消失!!
這是在整人嗎?!
本篇文章回覆於2016-06-08 16:00
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.