Pages - Menu

2016年10月19日 星期三

JQuery Flot Chart 設定參數

最近一直在搞圖表,就簡單紀錄一下改過得設定,
避免日後遺忘...

使用的Chart是 Flot Chart
中文教學可以參考 :這邊
API文件:API文件
基本上東西都可以從上面的連結找到,以下做個整理


更改網格的寬度:
         到jquery.flot.js裡面,尋找 ctx.linewidth = 1 ,並修改。

網格的顏色:
          grid:{
                 tickColor: "#0080FF"
          }
示意圖


X、Y軸標籤字體大小

xaxis:{
   font:{
      size:11,
      color:black 
   }
}
使用tooltips
grid: {
                hoverable: true,
                borderWidth: 2,
                mouseActiveRadius: 50,
                axisMargin: 20,
                borderColor: "#633200",
                backgroundColor: { colors: ["#ffffff", "#EDF5FF"] },
                autoHighlight: false,
                //tickColor: "#0080FF"
                //markings: [{ yaxis: { from: 7870, to: 7920 }, color: "red" }],                    
            },

沒有留言:

張貼留言