پرش به محتویات

Pie chart

المان Pie Chart یک نمودار پیشرفت دایره‌ای با درصد، رنگ‌ها و محتوای قابل سفارشی‌سازی نمایش می‌دهد.

تنظیمات

  • Percentage (number) — مقدار درصد برای نمایش (۰-۱۰۰). پیش‌فرض: 60.

  • Chart size in px (number) — قطر نمودار به پیکسل. پیش‌فرض: 160.

  • Line width in px (number) — ضخامت خط پیشرفت. پیش‌فرض: 8.

  • Line cap (select) — استایل انتهای خط. گزینه‌ها: butt، round، square. پیش‌فرض: square.

  • Content (select) — آنچه در مرکز نمایش داده می‌شود. گزینه‌ها: percent، icon، text. پیش‌فرض: percent.

  • Icon (icon) — آیکون برای نمایش در مرکز. فقط وقتی Content روی «icon» تنظیم شده نمایش داده می‌شود.

  • Text (text) — متن سفارشی برای نمایش در مرکز. فقط وقتی Content روی «text» تنظیم شده نمایش داده می‌شود.

  • Bar color (color) — رنگ نوار پیشرفت. پیش‌فرض: رنگ اصلی تم.

  • Track color (color) — رنگ مسیر پس‌زمینه. پیش‌فرض: رنگ پس‌زمینه روشن.

  • Scale length in px (number) — طول علامت‌های مقیاس.

  • Scale color (color) — رنگ علامت‌های مقیاس. فقط وقتی Scale length تنظیم شده نمایش داده می‌شود.

مرجع توسعه‌دهنده

JSON schema کامل: pie-chart Schema