Y[wai]

Start Y[wai] Responsive

SALES DATA

"options" : { "editable":false ,"columnHeight":20 ,"cellHeight":20 ,"fixColumn":1 ,"conditionalstyle":"" ,"autohiddencols":true ,"appendmode":false ,"indicator":{"show":true,"width":30} ,"selector":{"show":true,"width":20,"checked":"none","type":"check"} ,"columns" : [ {"text":"Solution","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"CateStyle","field":"fld1"} ,{"text":"America","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level1","field":"fld2"} ,{"text":"Japan","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level1","field":"fld3"} ,{"autohiddenwidth":"450","text":"Vietnam","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level2","field":"fld4"} ,{"autohiddenwidth":"500","text":"China","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level2","field":"fld5"} ,{"autohiddenwidth":"650","text":"Indonesia","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld6"} ,{"autohiddenwidth":"650","text":"Korea","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld7"} ,{"autohiddenwidth":"700","text":"Taiwan","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld8"} ,{"autohiddenwidth":"700","text":"Rusia","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld9"} ,{"autohiddenwidth":"700","text":"India","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld10"} ] ,"style" : { "CateStyle" : { "header":{"color":"#4169e1","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#edf3ff","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level1" : { "header":{"color":"#708a3e","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#f0fff0","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level2" : { "header":{"color":"#6b6b0c","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#fcffed","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level3" : { "header":{"color":"#757575","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#f5f5f5","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } } ,"effect":{"columnHighlight":true} ,"size":{"vertScrollWidth":19} ,"footer":{"show":true,"height":24} }

"data" : { "datasets" : [ {"data":[5,15,26,45,27],"backgroundColor":"rgba(255, 99, 132, 0.1)","label":"Y[wai]","hoverBorderWidth":[null,null,null,null,null],"fill":true,"showLine":true,"borderColor":"rgba(255, 99, 132, 1)"} ,{"label":"waiReport","data":[2,20,16,40,35],"fill":true,"showLine":true,"backgroundColor":"rgba(99, 255, 132, 0.1)","borderColor":"rgba(99, 255, 132, 1)"} ,{"label":"waiDoc","data":[0,0,0,29,40],"fill":true,"showLine":true,"backgroundColor":"rgba(99,132,255, 0.1)","borderColor":"rgba(99,132,255, 1)"} ,{"label":"CNCC","data":[37,48,32,37,42],"fill":true,"showLine":true,"backgroundColor":"rgba(139,0,139,0.1)","borderColor":"rgba(139,0,139,1)"} ,{"label":"GBS","data":[31,22,11,34,22],"fill":true,"showLine":true,"backgroundColor":"rgba(255,165,0,0.1)","borderColor":"rgba(255,165,0,1)"} ] ,"labels":["2015","2016","2017","2018","2019"] }, "option" : { "title":{"display":false,"position":"top"} ,"legend":{"display":true,"reverse":false,"position":"top","labels":{"boxWidth":10,"usePointStyle":false,"fontSize":9}} ,"scales":{"xAxes":[{"display":true,"gridLines":{"display":true,"offsetGridLines":true},"ticks":{"display":true},"scaleLabel":{"display":false}}],"yAxes":[{"display":true,"gridLines":{"display":true},"ticks":{"beginAtZero":false,"display":true},"scaleLabel":{"display":false}}]} ,"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"displayColors":true} ,"animation":{"animateScale":false} }
"data" : { "datasets":[{"data":[50,40,26,95,25],"backgroundColor":["rgba(255, 99, 132, 0.5)","rgba(255, 159, 64, 0.5)","rgba(255, 205, 86, 0.5)","rgba(75, 192, 192, 0.5)","rgba(54, 162, 235, 0.5)"],"label":"License Count","borderWidth":[null,null,null,null,null],"hoverBorderWidth":[null,null,null,null,null]}] ,"labels":["Y[wai]","waiReport","waiDoc","CNCC","GBS"] }, "option" : { "title":{"display":false,"position":"top"} ,"legend":{"display":false,"reverse":false,"position":"top","labels":{"usePointStyle":false}} ,"showPieceLabel":{"enabled":true,"mode":"label","fontSize":13,"fontColor":"rgba(117,117,117,1)","fontFamily":"\"arial\""} ,"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"displayColors":true} ,"animation":{"animateScale":false} }

EMPLOYEE DATA

"options" : { "editable":false ,"columnHeight":20 ,"cellHeight":20 ,"fixColumn":1 ,"conditionalstyle":"" ,"autohiddencols":true ,"appendmode":false ,"indicator":{"show":true,"width":30} ,"selector":{"show":true,"width":20,"checked":"none","type":"check"} ,"columns" : [ {"text":"No","alignment":"center","width":40,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"CateStyle","field":"fld1"} ,{"text":"Id","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level1","field":"fld2"} ,{"text":"First Name","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level1","field":"fld3"} ,{"autohiddenwidth":450,"text":"Last Name","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld4"} ,{"autohiddenwidth":500,"text":"Gender","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld5"} ,{"autohiddenwidth":650,"text":"E-mail","alignment":"center","width":150,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld6"} ,{"autohiddenwidth":650,"text":"Date of Birth","alignment":"center","width":120,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld7"} ,{"autohiddenwidth":700,"text":"Salary","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld8"} ] ,"style" : { "CateStyle" : { "header":{"color":"#4169e1","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#edf3ff","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level1" : { "header":{"color":"#708a3e","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#f0fff0","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level2" : { "header":{"color":"#6b6b0c","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#fcffed","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level3" : { "header":{"color":"#757575","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#f5f5f5","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } } ,"effect":{"columnHighlight":true} ,"size":{"vertScrollWidth":19} ,"footer":{"show":true,"height":24} }

Male

Female