關於echarts、layer.js和jqGrid的知識點

使用echarts和layer.js直接去官方文檔，能解決大部分問題。

但是有些問題，解釋不夠清楚，在這里記錄一下。

1、echarts的使用

     第一點：關於echarts的labelline在數據為零的時候，不顯示的問題。

　 調整option里面的data的內容為：

{ 
name : 'xxx',
value:" + xxx + ",
itemStyle:{
  normal:{
    label:{
     show: true
    },
    labelLine: {
     show: true
    }
 }
}
}此處為C#代碼，可用循環來生成echarts需要的json，在原來的json類型中，加入itemStyle項，這樣就能夠調整label和labelLine，寫在其它地方不可以。    

　在取得echarts的option以后，用js，進行判斷是否顯示

var opt = option.series[0];//有可能有多個series，根據需要選擇調整哪個series
function hidePieline(opt) {
   jQuery.each(opt.data, function (i, item) {
   if (item.value == 0) {
   item.itemStyle.normal.labelLine.show = false;
   item.itemStyle.normal.label.show = false;
   }
 });
}  

　　第二點：關於echarts的柱圖，點擊X軸label的問題

    

xAxis: [{
 type: 'category',
 data: arg.data.categories,
 triggerEvent: true  //在echart3中，設置triggerEvent為true即可。這樣柱子跟x軸label都可以點
}],

 

在echarts2中把clickable設為true的屬性
xAxis: [{
 type: 'category',
 data: datas[0].categories,
 axisLabel:{
 clickable : true }
}],       

 

1 var xxx = echarts.init(document.getElementById('xxx'));
xxx.on('click', function (params) {
 if (params.name == undefined) {
   在這里根據params來判斷是點擊的柱子還是x軸label,可以用params里面的其他參數判斷，不一定用name
} else {
}
});            

2、layer.js的使用。參看官方文檔即可。

3、jqGrid的使用

     在使用jqGrid的時候，為colModel直接傳遞DateTime類型時，會直接識別為/Date(1446704778000)/，可以通過正則表達式來轉換

eval(rowObject.PlanFinishDate.replace(/\/Date\((\d+)\)\//gi, "new Date($1)")).format('yyyy-M-d');

　format方式是用JS自定義的方法

Date.prototype.format = function (fmt) {
var o = {
 "M+": this.getMonth() + 1, //月份 
 "d+": this.getDate(), //日 
 "h+": this.getHours(), //小時 
 "m+": this.getMinutes(), //分 
 "s+": this.getSeconds(), //秒 
 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
 "S": this.getMilliseconds() //毫秒 
};
fmt = fmt || "yyyy-MM-dd";
if (/(y+)/.test(fmt))
   fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
   if (new RegExp("(" + k + ")").test(fmt))
       fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
 }