แผนภูมิ

คลิกเพื่อคัดลอก

องค์ประกอบสำหรับการแสดงกราฟและแผนภูมิ


ตั้งค่าเริ่มต้น:

Model - โมเดลข้อมูลสำหรับแผนภูมิ

จุด Endpoint - แหล่งข้อมูลสำหรับแผนภูมิ

ช่อง Field X - จะแสดงในการตั้งค่าเริ่มต้นเมื่อมีการระบุ รุ่น เท่านั้น

ช่อง Field Y - จะแสดงในการตั้งค่าเริ่มต้นเมื่อมีการระบุ รุ่น เท่านั้น

Chart


การตั้งค่ารูปลักษณ์และความรู้สึก:

Title (ไม่บังคับ) - ชื่อแผนภูมิ

Type size (บังคับ) - ประเภทแผนภูมิ

X axe caption กับแกน x (ไม่บังคับ) - ชื่อแกน x

Aggregate by (ไม่บังคับ) - จัดเรียงตามวันที่

Y axe caption (ไม่บังคับ) - ชื่อแกน y

Method การ (ไม่บังคับ) - วิธีการนับ

Name (จำเป็น) - ชื่อของแผนภูมิ

Chart


ข้อมูล:

ในส่วนนี้ คุณสามารถควบคุมแกนของแผนภูมิได้

Data


ทริกเกอร์เวิร์กโฟลว์:

  • onCreate – เริ่มทำงานเมื่อส่วนประกอบถูกสร้างขึ้นบนเพจ
  • onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
  • onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
  • onDestroy – เริ่มทำงานเมื่อส่วนประกอบถูกทำลาย
  • onDataUpdate – เริ่มทำงานโดยบล็อกข้อมูลการอัปเดตแผนภูมิ

การกระทำของคอมโพเนนต์:

Chart Get Properties:

รับคุณสมบัติของแผนภูมิ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ

พารามิเตอร์ ขา ออก:

  • Aggregate by [enum] - วิธีการรวมที่เลือกตามวันที่
  • Method [enum] - วิธีการนับที่เลือก
  • X axe caption [string] - ชื่อแกน x;
  • Y axe caption [string] - ชื่อแกน y;
  • Visible [boolean] - สถานะมองเห็นได้;
  • Loading [boolean] - สถานะของการโหลด

Chart Get Properties

Chart Set Properties:

ตั้งค่าคุณสมบัติของแผนภูมิ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
  • Aggregate by [enum] - วิธีการรวมที่เลือกตามวันที่
  • Method [enum] - วิธีการนับที่เลือก
  • X axe caption [string] - ชื่อแกน x;
  • Y axe caption [string] - ชื่อแกน y;
  • Visible [boolean ] - สถานะมองเห็นได้;
  • Loading [boolean] - สถานะของการโหลด

Chart Set Properties

Chart Update Properties:

ปรับปรุงคุณสมบัติของแผนภูมิ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
  • Aggregate by [enum] - วิธีการรวมที่เลือกตามวันที่
  • Method [enum] - วิธีการนับที่เลือก
  • X axe caption [string] - ชื่อแกน x;
  • Y axe caption [string] - ชื่อแกน y;
  • Visible [boolean ] - สถานะมองเห็นได้;
  • Loading [boolean] - สถานะของการโหลด

Chart Update Properties

Chart Get Data

รับข้อมูลจากแผนภูมิ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ดูตัวระบุส่วนประกอบ

พารามิเตอร์ ขา ออก:

  • Data [Data Model] - องค์ประกอบ Data Model ที่จะใช้ มีอยู่ในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น

Chart Get Data

Chart Set Data

ตั้งค่าข้อมูลสำหรับแผนภูมิ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
  • Data [Data Model] - องค์ประกอบ Data Model ที่จะใช้ มีอยู่ในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น

Chart Set Data

Chart Update Data

อัปเดตข้อมูลสำหรับแผนภูมิ

พารามิเตอร์ อินพุต :

  • Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
  • Data [Data Model] - องค์ประกอบ Data Model ที่จะใช้ มีอยู่ในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น

Chart Update Data

ตัวอย่างการใช้งาน:

องค์ประกอบนี้เหมาะสำหรับการแสดงข้อมูลและความสัมพันธ์ระหว่างกัน ตัวอย่างเช่น จำนวนคำสั่งซื้อจากวันที่