Shareholder Information

ข้อมูลผู้ถือหุ้นสไตล์ widget2 — กราฟโดนัทสัดส่วนผู้ถือหุ้น 6 รายแรก (ECharts) พร้อมรายชื่อและจุดสีกำกับ และการ์ดการประชุมผู้ถือหุ้นพื้นหลังรูปในชุดเดียวกัน มี 4 แบบ: เต็มความกว้าง 2 แบบ / ครึ่งคอลัมน์ / หนึ่งในสาม

Set widget2Category shareholderScope .stk-w2-shareholder-information

Examples

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

แบบที่ 1 (กราฟซ้าย / รายชื่อขวา)

UI รูปแบบที่ 1

1 layout

PreviewOpen

col12-1เต็มความกว้าง แบบที่ 1 (กราฟซ้าย / รายชื่อขวา)Grid 12/12 · Measuring UI… · JavaScript

แบบที่ 2 (การ์ดกราฟ + การ์ดประชุมข้างกัน)

UI รูปแบบที่ 2

1 layout

PreviewOpen

col12-2เต็มความกว้าง แบบที่ 2 (การ์ดกราฟ + การ์ดประชุมข้างกัน)Grid 12/12 · Measuring UI… · JavaScript

รูปแบบมาตรฐาน

UI รูปแบบเดียวกัน มี 2 layout ให้เลือก

2 layouts

Layout

PreviewOpen

col6ครึ่งคอลัมน์ (การ์ดกราฟบน / การ์ดประชุมล่าง)Grid 6/12 · Measuring UI… · JavaScript

Composition

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

Variant

Loading composition…

Content Schema

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

title
list_title
list_description
shareholder_link
shareholders
meeting_title
meeting_company
meeting_date
meeting_place
meeting_cta_label
meeting_cta_link

Asset URLs

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

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

Shareholder Information

Examples

แบบที่ 1 (กราฟซ้าย / รายชื่อขวา)

แบบที่ 2 (การ์ดกราฟ + การ์ดประชุมข้างกัน)

รูปแบบมาตรฐาน

Composition

Content Schema

Asset URLs

On this page