Shareholder Chart

สัดส่วนและรายชื่อผู้ถือหุ้นรายใหญ่

โดนัทชาร์ต ECharts พร้อมรายชื่อผู้ถือหุ้นแบบเลื่อนได้

Set widget1Category shareholderScope .stk-shareholder-chart

Examples

แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน

ชาร์ต + รายชื่อ

UI รูปแบบที่ 1

1 layout

PreviewOpen

pie-listชาร์ต + รายชื่อGrid 12/12 · Measuring UI… · JavaScript

Composition

โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก

Variantpie-list

Loading composition…

Content Schema

อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:

title
description
cta_text
cta_link
shareholders

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget1/shareholder-chart/shareholder-chart.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget1/shareholder-chart/shareholder-chart.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget1/shareholder-chart/preview.html
Vendor: ดู dependencies.vendor จาก get_widget

ใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="shareholder-chart" และ set="widget1" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment