60FOLDCOMPONENTS

テーマ型

テーマ識別子、外観パッチ、およびカタログ型。

インポート
import type { ChartTheme } from "@sixtyfold/themes";

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

ChartThemeId

公開チャートの外観プリセットのための安定した識別子。

インポート @sixtyfold/themes型

type ChartThemeId = (typeof PUBLIC_THEME_IDS)[number]

ChartThemePreset

深く不変で、コンテンツに依存しないラインおよび株式の外観プリセット。

インポート @sixtyfold/themes型

type ChartThemePreset = DeepReadonly<{
    /** Stable catalog identifier. */
    id: ChartThemeId;
    /** Human-readable English display name. */
    label: string;
    /** Recommended surrounding-page color scheme. */
    colorScheme: "dark" | "light";
    /** Line-chart appearance and repeating per-series visual patches. */
    line: {
        /** Content-neutral patch for `LineChart.updateAppearance`. */
        appearance: DeepPartial<LineAppearanceOptions>;
        /** Repeating visual patches for `LineChart.updateSeriesAppearance`. */
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
    /** Stock-chart appearance patch. */
    stock: {
        /** Content-neutral patch for `StockChart.updateAppearance`. */
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
メンバー定義説明
colorScheme"dark" | "light"推奨される周囲ページのカラースキーム。
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"安定したカタログ識別子。
labelstring人間が読める英語の表示名。
lineComplex nested type — see the public signature above折れ線グラフの外観および系列ごとに繰り返される視覚パッチ。
stockComplex nested type — see the public signature above株価チャートの外観パッチ。

LineThemePreset

1つの再帰的に凍結された公開テーマプリセットのラインのみの表示。

Import @sixtyfold/themes/linetype

type LineThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    line: {
        appearance: DeepPartial<LineAppearanceOptions>;
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
}>
メンバー定義説明
colorScheme"dark" | "light"プリセットのリーディングモード分類で、ホストのインターフェースが周囲のライトまたはダークなクロームと調整するために使用します。
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"このラインテーマプリセットの一意の識別子。
labelstringラインテーマプリセットのラベル。
lineComplex nested type — see the public signature aboveランライン。

StockThemePreset

再帰的に凍結された公開テーマプリセットの在庫のみのビュー。

Import @sixtyfold/themes/stocktype

type StockThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    stock: {
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
メンバー定義説明
colorScheme"dark" | "light"プリセットの読み取りモード分類。ホストインターフェイスが周囲のライトまたはダークなクロームを調整するために使用します。
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"このストックテーマプリセットの一意の識別子。
labelstringストックテーマプリセットのラベル。
stockComplex nested type — see the public signature above株式を実行します。