English
Русский
中文
Español
Português
日本語
Nur lesen
renderScheme(host, paletteUrl, scheme) — ein fertiges Schema in einen Artikel, die Dokumentation oder eine Produktseite setzen.
Strategiediagramm JS
Strategiediagramm JS — eine Browser-Komponente, die das Strategieschema aus Designer direkt auf der Seite zeichnet: dieselben Blöcke, Ports und Verbindungen, dasselbe Aussehen. Ohne externe Abhängigke...
0
Downloads
☆☆☆☆☆
Bewertung
0
Bewertungen
Strategiediagramm JS — eine Browser-Komponente, die das Strategieschema aus Designer direkt auf der Seite zeichnet: dieselben Blöcke, Ports und Verbindungen, dasselbe Aussehen. Ohne externe Abhängigkeiten, alles auf einem einzigen canvas.
Das Schema unten ist kein Bild, sondern die Komponente selbst: ziehen, mit dem Rad zoomen, im Vollbild öffnen.
0
externe Abhängigkeiten
2
Betriebsarten
npm
Installation
Editor
StockSharpDiagram — Blöcke ziehen, Ports verbinden und Ereignisse über jede Änderung.
Die Palette des Designers
Elementtypen, ihre Ports und Farben stammen aus derselben Palette wie in Designer — ein Schema sieht überall gleich aus.
Ein Schema besteht aus Knoten und Verbindungen zwischen ihren Ports; mehr gibt es nicht zu lernen:
import { renderScheme } from '@stocksharp/diagram/embed';
const scheme = {
nodes: [
{ id: 'candles', typeId: 'CandleElement', name: 'Kerzen', x: 60, y: 130 },
{ id: 'sma', typeId: 'IndicatorElement', name: 'SMA', x: 340, y: 60 },
{ id: 'chart', typeId: 'ChartElement', name: 'Chart', x: 620, y: 130 },
],
links: [
{ from: 'candles', fromPort: 'Output', to: 'sma', toPort: 'Input' },
{ from: 'sma', fromPort: 'Output', to: 'chart', toPort: 'Input' },
],
};
renderScheme(document.getElementById('diagram'), '/palette.json', scheme);