index.jsファイルの仕様 - DataV - Alibaba Cloud ドキュメントセンター

index.jsファイルは、ウィジェットのメインエントリファイルです。このトピックでは、ファイル内の一般的な関数について説明します。

詳細については、「サンプルウィジェット」をご参照ください。

共通の関数

関数	説明
`render(array: data)`	デフォルトのレンダリング方法を提供します。ウィジェットが初期化された後、そのレンダリングロジックが呼び出され、データが入力パラメータとして渡されます。この関数は、同じ入力データから同じレンダリング効果を生成する再レンダリングをサポートします。
`updateOptions(object: config)`	ウィジェットの設定を更新します。この関数は、更新された`構成`設定を入力パラメータとして受け取ります。
`emit (文字列: event_name, object: value)`	イベントをトリガーします。 `value`の入力はオブジェクトです。
`サイズ変更 (int: 幅、int: 高さ)`	ウィジェットのサイズを変更します。この関数は、ウィジェットをドラッグしてサイズを変更するときに呼び出されます。
`clear()`	ウィジェットを削除します。この関数は、ウィジェットを削除するときに呼び出されます。
`destroy()`	ウィジェットを破壊します。この関数は、ウィジェットを破棄するときに呼び出されます。
`require(*)`	この関数はサポートしています。jsまたは。htmlファイル。
`getThemableConfig(themeConfig)`	テーマを設定できます。ウィジェットのテーマを設定すると、この関数が呼び出され、テーマとウィジェットの設定間のマッピングが返されます。さらに、`themeConfig`のテーマ設定項目を使用してテーマを設定できます。この関数を呼び出す前に、`supportTheme`フィールドを使用して、ウィジェットがテーマ設定をサポートしているかどうかを宣言する必要があります。このフィールドを`true`に設定すると、ウィジェットはテーマ設定をサポートします。詳細については、「getThemableConfig(themeConfig) 関数の説明」をご参照ください。

getThemableConfig(themeConfig) 関数の説明

getThemableConfig(themeConfig) 関数の役割は、themeConfigの設定を使用し、コンポーネントテーマを設定し、テーマとコンポーネント設定の間のマッピングを返すことです。

次の例は、getThemableConfig(themeConfig) 関数を呼び出す方法を示しています。

getThemableConfig: function(themeConfig) {
 if (!themeConfig) return null;
 const themeMap = {
 color: themeConfig.textColor,
 bgColor: palette[0]
 }
 return themeMap;
}

themeConfig

{
  "bgColor": "#202020",        // The background color.
  "textColor": "#FFFFFF",     // The text color.
  "axisColor": "#FFFFFF",    // The axis color.
  "assistColor": "#FFFFFF", // The color of the auxiliary information.
  "palette": [             // The color palette.
    "#85A5FF",
    "#597EF7",
    "#2F54EB",
    "#1D39C4",
    "#10239E",
    "#061178",
    "#030852"
  ]
}