このページには、さまざまなウィジェットの埋め込みコードの構造に関する詳細情報が記載されています。
cTrader Web、Your Strategies、Single Strategy、Multiple Strategies
「cTrader Web」、「Your Strategies」、および「Single Strategy」ウィジェットの埋め込みコードは次のようになります。
警告
これらのウィジェットをウェブリソースに埋め込む前に、style パラメータを設定することが必須です。設定しないと、ウィジェットが表示されません。ウィジェットのwidthとheightのみを指定し、その他の属性は空白のままにすることができます。
各パラメータと関数引数は次のように定義されています。
| 名前 | 定義と値 |
|---|---|
div id | "ctrader-root"。ウェブリソースにウィジェットを埋め込むための一意の識別子です。 |
style | "width: {number}%, height: {number}%"。埋め込みブロックの相対的な幅と高さ（親コンテナのサイズに対して）。なお、親要素のdisplayプロパティはdisplay: blockに設定する必要があります。 |
type...defer | "text/javascript"。埋め込みブロックにJavaScriptがテキスト形式で含まれていることを示す指令です。defer属性は、ブロックが埋め込まれているリソースのHTML全体の解析がブラウザで完了した後にスクリプトを実行することを示します。 |
'runPlugin' | 実行されるスクリプトの名前です。 |
'ctrader-plugin-root | 埋め込む要素の名前です。 |
"route" | 埋め込む要素のURL。ベースとなるcTrader WebのURLに対して相対的です。 |
"appConfig" | 埋め込まれた要素の設定です。可能な値については、以下の行を参照してください。 |
"chart":{"initialChartLayout":"Single"} | 「cTrader Web」ウィジェットの初期チャートモードです。"initialChartLayout"は"Single"、"Multi"、または"Free"に設定できます。 |
"strategy":{"showStrategyPromotion":false} | 「Your Strategies」または「Any Strategies」ウィジェットで「Strategy Promotion」ブロックを表示するかどうかを決定する設定です。 |
