サーバー側レンダリングのオプション

インポート

import type { SSRLineChartOptions } from "@sixtyfold/ssr";

上記の公開エントリポイントを使用します。型のみのインポートはアプリケーション JavaScript から削除されます。

`SSRBaseChartOptions`

静的レンダーヘルパーが受け入れる、レンダラー向けチャートオプション。

インポート @sixtyfold/ssrインターフェース

interface SSRBaseChartOptions

メンバー	定義	説明
`animated?`	`boolean \| undefined` = `false`	初期表示アニメーションの設定です。SSR はアニメーションフレームを進めないため、完全な静的出力では無効のままにしてください。
`axis?`	`object \| undefined`	静的出力に使用される軸。
`chartBackground?`	`string \| object \| undefined`	静的出力で使用されるチャートの背景。
`crosshairStyle?`	`object \| undefined`	静的出力で使用されるクロスヘアのスタイル。
`grid?`	`object \| undefined`	静的出力で使用されるグリッド。
`labels?`	`object \| undefined`	静的出力で使用されるラベル。
`minViewportRange?`	`number \| undefined`	Xデータと同じ単位で表した最小のXビューポート幅。
`overlay?`	`object \| undefined`	静的出力に使用するオーバーレイ。
`padding?`	`{ top?: number; right?: number; bottom?: number; left?: number; } \| undefined`	静的出力に使用するパディング。
`rangeSelector?`	`object \| undefined`	静的出力に使用する範囲セレクター。
`textDirection?`	`"auto" \| "ltr" \| "rtl" \| "inherit" \| undefined`	静的出力に使用するテキストの方向。
`tooltip?`	`object \| undefined`	静的出力に使用するツールチップ。
`yDomain?`	`{ min?: number; max?: number; } \| undefined`	レンダリングされたY軸の端を固定します。省略された端は自動スケーリングされます。

`SSRLineChartOptions`

SSRレンダラーがサポートする折れ線グラフのオプション。

インポート @sixtyfold/ssrインターフェース

interface SSRLineChartOptions extends SSRBaseChartOptions

メンバー	定義	説明
`animated?`	`boolean \| undefined` = `false`	初期表示アニメーションの設定です。SSR はアニメーションフレームを進めないため、完全な静的出力では無効のままにしてください。
`axis?`	`object \| undefined`	静的出力で使用される軸。
`chartBackground?`	`string \| object \| undefined`	静的出力に使用されるチャートの背景。
`crosshairStyle?`	`object \| undefined`	静的出力に使用されるクロスヘアのスタイル。
`grid?`	`object \| undefined`	静的出力に使用されるグリッド。
`interpolation?`	`"none" \| "linear" \| "spline" \| undefined`	サーバーレンダラーが使用する静的ライン補間：生セグメント、線形セグメント、またはCatmull–Romスプライン曲線。
`labels?`	`object \| undefined`	静的出力に使用されるラベル。
`legend?`	`object \| undefined`	静的出力に使用される凡例。
`lod?`	`{ mode?: "adaptive" \| "pyramid"; density?: number; rebaseRatio?: number; quantizationStep?: number; } \| undefined`	静的出力に使用されるライン表示ポリシー。ブラウザレンダラーと同じ適応/ピラミッド係数を受け入れます。
`marker?`	`object \| undefined`	静的出力に使用されるマーカー。
`minViewportRange?`	`number \| undefined`	X データと同じ単位での最小の X ビューポート幅。
`overlay?`	`object \| undefined`	静的出力に使用するオーバーレイ。
`padding?`	`{ top?: number; right?: number; bottom?: number; left?: number; } \| undefined`	静的出力に使用するパディング。
`rangeSelector?`	`object \| undefined`	静的出力に使用する範囲セレクター。
`series?`	`readonly object[] \| undefined`	静的出力に使用される系列。
`textDirection?`	`"auto" \| "ltr" \| "rtl" \| "inherit" \| undefined`	静的出力に使用されるテキスト方向。
`tooltip?`	`object \| undefined`	静的出力に使用されるツールチップ。
`yDomain?`	`{ min?: number; max?: number; } \| undefined`	固定されたレンダリング済みの Y 軸ドメイン端点。省略された端点は自動スケーリングされます。

`SSRRenderOptions`

静的な出力寸法、デバイスピクセル比、およびオプションのサーバー用Canvasファクトリ。

インポート @sixtyfold/ssrインターフェース

interface SSRRenderOptions

メンバー	定義	説明
`createCanvas?`	`((width: number, height: number) => SSRCanvas) \| undefined`	キャンバスを作成します。
`dpr?`	`number \| undefined`	静的出力に使用されるDPR。
`height`	`number`	静的出力に使用される高さ。
`width`	`number`	静的出力に使用される幅。

`SSRStockChartOptions`

SSRレンダラーがサポートする株価チャートオプション。

インポート @sixtyfold/ssrインターフェース

interface SSRStockChartOptions extends SSRBaseChartOptions

メンバー	定義	説明
`animated?`	`boolean \| undefined` = `false`	初期表示アニメーションの設定です。SSR はアニメーションフレームを進めないため、完全な静的出力では無効のままにしてください。
`axis?`	`object \| undefined`	静的出力に使用する軸。
`candleColors?`	`object \| undefined`	静的出力に使用されるローソク足の色。
`candleStrokeWidth?`	`number \| undefined`	静的出力に使用されるローソク足の線幅。
`candleStyle?`	`"filled" \| "hollow" \| "ohlc" \| undefined`	静的出力に使用されるローソク足のスタイル。
`chartBackground?`	`string \| object \| undefined`	静的出力に使用されるチャートの背景。
`crosshairMarkerColor?`	`string \| undefined`	静的出力に使用される十字線マーカーの色。
`crosshairStyle?`	`object \| undefined`	静的出力に使用される十字線のスタイル。
`grid?`	`object \| undefined`	静的出力に使用されるグリッド。
`indicators?`	`readonly StockIndicator[] \| undefined`	静的出力に使用されるインジケーター。
`labels?`	`object \| undefined`	静的出力に使用されるラベルです。
`markers?`	`readonly StockMarker[] \| undefined`	静的出力に使用されるマーカーです。
`minViewportRange?`	`number \| undefined`	X データと同じ単位での最小の X ビューポート幅です。
`overlay?`	`object \| undefined`	静的出力に使用されるオーバーレイです。
`padding?`	`{ top?: number; right?: number; bottom?: number; left?: number; } \| undefined`	静的出力に使用されるパディング。
`previewLineColor?`	`string \| undefined`	静的出力に使用されるプレビューラインの色。
`priceLines?`	`readonly StockPriceLine[] \| undefined`	静的出力に使用される価格線。
`priceUnit?`	`object \| undefined`	静的出力に使用される価格単位。
`rangeSelector?`	`object \| undefined`	静的出力に使用される範囲セレクター。
`showVolume?`	`boolean \| undefined`	静的出力に使用される表示ボリューム。
`textDirection?`	`"auto" \| "ltr" \| "rtl" \| "inherit" \| undefined`	静的出力に使用されるテキストの方向。
`tooltip?`	`object \| undefined`	静的出力に使用されるツールチップ。
`volumeColors?`	`object \| undefined`	静的出力に使用されるボリュームの色。
`volumeHeightRatio?`	`number \| undefined`	静的出力に使用されるボリューム高さ比。
`volumeOpacity?`	`number \| undefined`	静的出力に使用されるボリュームの不透明度。
`volumeProfile?`	`false \| VolumeProfileOptions \| undefined`	静的出力に使用されるボリュームプロファイル。
`volumeUnit?`	`object \| undefined`	静的出力に使用されるボリューム単位。
`yDomain?`	`{ min?: number; max?: number; } \| undefined`	描画された Y 軸ドメインの端を固定します。省略された端は自動スケールのままです。