pivotick v3.0.0

---

محورية / RendererOptions / NodeBadge

واجهة: NodeBadge

محدد في: interfaces/RendererOptions.ts:393

مؤشر صغير مثبت على حافة العقدة - ما يسميه KeyLines و ReGraph glyph.

الشارات هي قناة زخرفية خاصة بها، لذلك يمكن للعقدة أن تحمل حقيقة color، shape، size، iconClass وimagePath تم إنفاقها بالفعل. يصفون فقط العقدة التي يجلسون عليها: المجموعة المنهارة لا تجمع شارات أطفالها - المشي node.children نفسك إذا أردت ذلك.

مثال

defaultNodeStyle: {
    badges: node => node.getData().notes
        ? [{ text: String(node.getData().notes), title: 'Notes', onClick: () => openNotes(node) }]
        : [],
}

خصائص

color?

optional color: string

محدد في: interfaces/RendererOptions.ts:401

أي CSS اللون.

الافتراضي

var(--pvt-badge-color)

---

iconClass?

optional iconClass: string

محدد في: interfaces/RendererOptions.ts:407

---

iconUnicode?

optional iconUnicode: string

محدد في: interfaces/RendererOptions.ts:408

---

onClick()?

optional onClick: (event, node, badge) => void

محدد في: interfaces/RendererOptions.ts:420

يتم الاتصال به عند النقر على الشارة، قبل InterractionCallbacks.onBadgeClick.

الإعلان عن ذلك يجعل الشارة تأخذ مؤشر المؤشر وتستهلك النقرة، لذلك لم يتم تحديد العقدة أيضًا. تظل الشارة التي لا تحتوي على شارة شفافة بالنسبة للعقدة الموجودة أسفلها. يؤدي الضغط على الشارة إلى استمرار سحب العقدة في كلا الاتجاهين.

المعلمات

event

PointerEvent

node

Node

badge

NodeBadge

المرتجعات

void

---

position?

optional position: NodeBadgePosition

محدد في: interfaces/RendererOptions.ts:399

في أي زاوية يجب الجلوس. احذفها وسيتم وضع الشارة تلقائيًا في الزاوية الحرة الأولى، في اتجاه عقارب الساعة من 'ne'. موقف صريح يكرم حرفيا، حتى حيث ذلك يتداخل مع شارة أخرى أو القدرة على التوسيع.

---

svgIcon?

optional svgIcon: string

محدد في: interfaces/RendererOptions.ts:410

علامة SVG مضمّنة، ويتم تطهيرها قبل أن تصل إلى DOM.

---

text?

optional text: string

محدد في: interfaces/RendererOptions.ts:406

عدد، أو حرف أو حرفين. النص الأطول يحول الشارة إلى حبة؛ الثلاثة الماضية الأحرف التي يتم عرضها كـ 99+. له الأسبقية على أي رمز على نفس الشارة.

---

title?

optional title: string

محدد في: interfaces/RendererOptions.ts:412

تلميح الأدوات الأصلي، تم تقديمه كـ <title> حقيقي. لا يمنع تلميح الأدوات الخاص بالرسم البياني.