Project

General

Profile

Pivot Widget

Parameter
  • Database Table
    ใช้ตั้งค่าฐานข้อมูลที่จะใช้
    • Callback API
      • ID = “Table”
      • getParameter จะได้ชื่อตารางที่ใช้
      • setParameter ตั้งตารางที่จะใช้ และเปลี่ยนชื่อ label ต่างๆ
const pivotWidgetID  = "pivot" 
// ตั้งข้อมูลผ่านชื่อ table จาก Sqlite
setParameter(pivotWidgetID  ,"Table",{tableName:"ข้อมูลตารางคนขอเข้าประเทศ2"})

// ตั้งข้อมูลผ่านชื่อ table  จาก Sqlite  และเปลี่ยนชื่อคอลัมป์ "ลำดับรวม" ให้เป็นชื่อ "Number" 
setParameter(pivotWidgetID  ,"Table",{tableName:"ข้อมูลตารางคนขอเข้าประเทศ2",headerLabels:[{colName:"ลำดับรวม",label:"Number"}]})

// ตั้งข้อมูลผ่านชื่อ table จาก clickhouse
setParameter(pivotWidgetID  ,"Table",{tableName:"aa_test",database:"clickhouse"})

// ตั้งข้อมูลผ่าน query statement จาก sqlite
setParameter(pivotWidgetID  ,"Table",{sql:"SELECT * FROM ข้อมูลตารางคนขอเข้าประเทศ2 LIMIT 100"})

// ตั้งข้อมูลผ่าน query statement จาก clickhouse
setParameter(pivotWidgetID  ,"Table",{sql:`SELECT * FROM "aa_test" LIMIT 200`,database:"clickhouse"})
  • Config
    ใช้เลือกไฟล์ config ในการตั้งค่าตัว pivot ก่อนหรือระหว่างใช้งาน
    • Callback API
      • ID = “Config”
      • getParameter ได้รับ Config เป็น string
      • setParameter ตั้งค่า config โดยให้ใส่เป็น string รูปแบบเดียวกับที่ได้รับจาก getParameter
const pivotWidgetID  = "pivot" 
// ตั้งค่า config จาก string ที่ได้จาก getParameter(pivotWidgetID  ,"Config")
setParameter("pivot","Config",`{"orders":{},"mode":[{"id":0,"col":0,"column":"ลำดับรวม","name":"Count of ลำดับรวม"}],"headers":[{"id":0,"label":"ลำดับรวม","selected":false,"filterSelected":false},{"id":1,"label":"ลำดับ","selected":false,"filterSelected":false},{"id":2,"label":"ชื่อเรือ","selected":false,"filterSelected":false},{"id":3,"label":"IMO","selected":false,"filterSelected":false},{"id":4,"label":"เที่ยวเรือ","selected":false,"filterSelected":false},{"id":5,"label":"ประเภทเรือ","selected":false,"filterSelected":false},{"id":6,"label":"ท่าเรือสุดท้ายก่อนเข้าไทย","selected":false,"filterSelected":false},{"id":7,"label":"สัญชาติเรือ","selected":false,"filterSelected":false},{"id":8,"label":"ท่าเรือที่เทียบท่า","selected":false,"filterSelected":false},{"id":9,"label":"จังหวัดที่เทียบท่า","selected":false,"filterSelected":false},{"id":10,"label":"วันที่แจ้งว่าจะเข้าไทย","selected":false,"filterSelected":false},{"id":11,"label":"วันที่มีการยืนยันจากศรชลภาค","selected":false,"filterSelected":false},{"id":12,"label":"การยืนยัน","selected":false,"filterSelected":false},{"id":13,"label":"คำนำหน้าชื่อ","selected":false,"filterSelected":false},{"id":14,"label":"ชื่อสกุลภาษาไทย","selected":false,"filterSelected":false},{"id":15,"label":"ชื่อสกุลภาษาอังกฤษ","selected":false,"filterSelected":false},{"id":16,"label":"หมายเลขบัตรประจำตัวประชาชน","selected":false,"filterSelected":false},{"id":17,"label":"หมายเลขหนังสือเดินทาง","selected":false,"filterSelected":false},{"id":18,"label":"หมายเลขSeamanBook","selected":false,"filterSelected":false},{"id":19,"label":"จังหวัด","selected":false,"filterSelected":false},{"id":20,"label":"อำเภอ","selected":false,"filterSelected":false},{"id":21,"label":"ตำบล","selected":false,"filterSelected":false},{"id":22,"label":"ที่อยู่ในประเทศ","selected":false,"filterSelected":false},{"id":23,"label":"เบอร์โทรศัทพ์","selected":false,"filterSelected":false},{"id":24,"label":"เบอร์โทรศัทพ์สำรอง","selected":false,"filterSelected":false},{"id":25,"label":"ผู้ที่ติดต่อได้","selected":false,"filterSelected":false},{"id":26,"label":"เบอร์ติดต่อของผู้ที่ติดต่อได้ในไทย","selected":false,"filterSelected":false},{"id":27,"label":"เลขที่หนังสือ","selected":false,"filterSelected":false},{"id":28,"label":"มีสภาพร่างกายแข็งแรง","selected":false,"filterSelected":false},{"id":29,"label":"มีอุณหภูมิร่างกายต่ำกว่า37จุด5เซลเซียส","selected":false,"filterSelected":false},{"id":30,"label":"ไม่มีอาการไอมีน้ำมูกเจ็บคอหอบหืดอย่างใดอย่างหนึ่ง","selected":false,"filterSelected":false},{"id":31,"label":"โรคประจำตัวโรคเรื้อรังที่เป็น","selected":false,"filterSelected":false},{"id":32,"label":"ยาที่ใช้ประจำ","selected":false,"filterSelected":false},{"id":33,"label":"localquarantine","selected":false,"filterSelected":false},{"id":34,"label":"PROVINCE","selected":false,"filterSelected":false},{"id":35,"label":"หมายเหตุ","selected":false,"filterSelected":false}],"filters":{},"rowHeaders":["จังหวัดที่เทียบท่า"],"colHeaders":["สัญชาติเรือ","ประเภทเรือ"],"filterHeaders":[],"chart_mode":{"id":0},"page":{"name":"test-pivot","id":"pivot","configType":"pivot.config"},"isAutoUpdate":true,"isShowBlank":false,"source":"pivot.config"}`)

// รับข้อมูล config แบบ string
getParameter(pivotWidgetID  ,"Config")
  • ConfigFile (ซ่อนจากหน้าพาลามิเตอร์)
    ใช้ upload , download ไฟล์ pivot config
    • Callback API
      • ID = “ConfigFile”
      • getParameter จะโหลดไฟล์ config
      • setParameter จะเปิดหน้า File upload ให้เลือกไฟล์ config ที่จะใช้จากไฟล์ในเครื่อง
const pivotWidgetID  = "pivot" 
// เปิดหน้า File upload ให้เลือกไฟล์ config ที่จะใช้จากไฟล์ในเครื่อง
setParameter(pivotWidgetID  ,"ConfigFile")

// โหลดไฟล์ config
getParameter(pivotWidgetID  ,"ConfigFile")
  • Label
    ใช้เปลี่ยนชื่อคอลัมป์ต่างๆที่แสดง
    • Callback API
      • ID = “Label”
      • getParameter ได้ข้อมูลคอลัมป์ที่ถูกแก้ชื่อ และชื่อที่เปลี่ยน
      • setParameter ตั้งค่าชื่อใหม่ให้คอลัมป์ที่ต้องการ
const pivotWidgetID  = "pivot" 

//เปลี่ยนชื่อคอลัมป์ "Project_Name" เป็น "ชื่อโปรเจค" 
//เปลี่ยนชื่อคอลัมป์ "Project_ID" เป็น "รหัสโปรเจค" 
//เปลี่ยนชื่อคอลัมป์ "Team" เป็น "ทีม" 
//เปลี่ยนชื่อคอลัมป์ "Start_Date" เป็น "วันที่เริ่ม" 
setParameter(pivotWidgetID  ,"Label",[
  {colName : "Project_Name",label : "ชื่อโปรเจค"},
  {colName : "Project_ID",label : "รหัสโปรเจค"},
  {colName : "Team",label : "ทีม"},
  {colName : "Start_Date",label : "วันที่เริ่ม"},
])

  • Total
    ใช้ดึงข้อมูลผลรวมของ pivot table
    • Callback API
      • ID = “Total”
      • getParameter ได้ข้อมูลคอลัมป์ Total ทั้งหมด ของแต่ละ measure (value)
const pivotWidgetID  = "pivot" 
getParameter(pivotWidgetID  ,"Total")
// => [  {"measure":{"name":"Count of ลำดับรวม","id":0},"value":"155"},
//         {"measure":{"name":"Count of IMO","id":0},"value":"155"}  ]

  • ParentID
    ใช้งานกับ toolsContainer เพื่อเลือก ID ของ widget ที่จะรับข้อมูล

Also available in: PDF HTML TXT