English
Русский
中文
Deutsch
Português
日本語
Sólo lectura
renderScheme(host, paletteUrl, scheme) — insertar un esquema listo en un artículo, la documentación o la página de un producto.
Diagramas JS
Diagramas JS — un componente de navegador que dibuja el esquema de estrategia de Designer directamente en la página: los mismos bloques, puertos y enlaces, el mismo aspecto. Sin dependencias externas,...
0
Descargas
☆☆☆☆☆
Calificación
0
Reseñas
Diagramas JS — un componente de navegador que dibuja el esquema de estrategia de Designer directamente en la página: los mismos bloques, puertos y enlaces, el mismo aspecto. Sin dependencias externas, todo sobre un único canvas.
El esquema de abajo no es una imagen, es el propio componente: arrástrelo, amplíe con la rueda, ábralo a pantalla completa.
0
dependencias externas
2
modos de trabajo
npm
instalación
Editor
StockSharpDiagram — arrastrar bloques, conectar puertos y eventos sobre lo que cambió.
La paleta del Diseñador
Los tipos de elementos, sus puertos y colores vienen de la misma paleta que usa Designer: el esquema se ve igual en todas partes.
Un esquema son nodos y enlaces entre sus puertos; no hay nada más que aprender:
import { renderScheme } from '@stocksharp/diagram/embed';
const scheme = {
nodes: [
{ id: 'candles', typeId: 'CandleElement', name: 'Velas', x: 60, y: 130 },
{ id: 'sma', typeId: 'IndicatorElement', name: 'SMA', x: 340, y: 60 },
{ id: 'chart', typeId: 'ChartElement', name: 'Gráfico', 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);