English
Русский
中文
Español
Deutsch
日本語
Somente leitura
renderScheme(host, paletteUrl, scheme) — colocar um esquema pronto em um artigo, na documentação ou na página de um produto.
Diagramas JS
Diagramas JS — um componente de navegador que desenha o esquema de estratégia do Designer direto na página: os mesmos blocos, portas e ligações, o mesmo visual. Sem dependências externas, tudo em um ú...
0
Downloads
☆☆☆☆☆
Classificação
0
Avaliações
Diagramas JS — um componente de navegador que desenha o esquema de estratégia do Designer direto na página: os mesmos blocos, portas e ligações, o mesmo visual. Sem dependências externas, tudo em um único canvas.
O esquema abaixo não é uma imagem, é o próprio componente: arraste, amplie com a roda, abra em tela cheia.
0
dependências externas
2
modos de trabalho
npm
instalação
Editor
StockSharpDiagram — arrastar blocos, conectar portas e eventos sobre o que mudou.
A paleta do Designer
Tipos de elementos, suas portas e cores vêm da mesma paleta usada pelo Designer — o esquema fica igual em todo lugar.
Um esquema são nós e ligações entre suas portas; não há mais nada a aprender:
import { renderScheme } from '@stocksharp/diagram/embed';
const scheme = {
nodes: [
{ id: 'candles', typeId: 'CandleElement', name: 'Candles', 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);