English
Русский
Español
Deutsch
Português
日本語
只读嵌入
renderScheme(host, paletteUrl, scheme) —— 把现成方案放进文章、文档或产品页面。
框图 JS
框图 JS —— 在网页上直接绘制 Designer 策略方案的浏览器组件：同样的方块、端口与连线，同样的外观。没有外部依赖，全部画在一个 canvas 上。 下面的方案不是图片，而是组件本身：可拖动、用滚轮缩放、也能全屏打开。 0外部依赖2工作模式npm安装 只读嵌入 renderScheme(host, paletteUrl, scheme) —— 把现成方案放进文章、文档或产品页面。 编辑...
0
下载量
☆☆☆☆☆
评分
0
评价
框图 JS —— 在网页上直接绘制 Designer 策略方案的浏览器组件：同样的方块、端口与连线，同样的外观。没有外部依赖，全部画在一个 canvas 上。
下面的方案不是图片，而是组件本身：可拖动、用滚轮缩放、也能全屏打开。
0
外部依赖
2
工作模式
npm
安装
编辑器
StockSharpDiagram —— 拖动方块、连接端口，并在方案变化时抛出事件。
来自设计器的调色板
元素类型、端口与配色取自 Designer 所用的同一份调色板，方案在哪里看都一样。
一个方案就是节点，以及节点端口之间的连线；再没有别的要学：
import { renderScheme } from '@stocksharp/diagram/embed';
const scheme = {
nodes: [
{ id: 'candles', typeId: 'CandleElement', name: 'K 线', x: 60, y: 130 },
{ id: 'sma', typeId: 'IndicatorElement', name: 'SMA', x: 340, y: 60 },
{ id: 'chart', typeId: 'ChartElement', name: '图表', 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);