ダイナミックパラメータ#

ダイナミックパラメータは、エンドユーザーが値を選択し、それをチャートに渡してフィルタリングおよびリフレッシュすることを可能にします。

ダイナミックパラメータの値は、Front API レベルを介してチャートリクエストに適用され、Analytics Manager Transformersを使用します。必要に応じて、デフォルトの Transformers を拡張できます。

特定の表示要件に応じて、カスタムダイナミックパラメータを作成することも可能です。

#利用可能なダイナミックパラメータのリスト

#構成

{
  "id": "my-id",
  "component": "selectbox",
  "type": "filter"
}

#ダッシュボードへのダイナミックパラメータの追加

ダイナミックパラメータを追加できます：

• オンラインダッシュボードエディタとそのダイアログボックスから
• Advanced ModeでJSON構成を編集する
• ./config/で直接構成ファイルを編集する
• メインァイテム選択のmenuタブから

#別のReactコンポーネントでダイナミックパラメータを使用する

ダイナミックパラメータを直接コードから使用できます。上記で説明したJSON構成を使用し、その後、任意のReactコンポーネントとして呼び出します。

例:

import React from 'react'
import FpDynamicParameter from 'forepaas/dynamic-parameter'

const myDynP =  {
    id: 'city',
    type: 'filter',
    component: 'checkbox',
    reference: 'city',
    dictionary: 'city',
    default: ['Paris', 'San Francisco']
}
class MyComponent extends React.Component {
    render () {
        return (
            <div className='hello-world'>
                <FpDynamicParameter dynamic-parameter={myDynP} />
            </div>
        )
    }
}
export default MyComponent

#独自のダイナミックパラメータを作成する

独自のコンポーネントを作成して、ダイナミックパラメータの外観をカスタマイズできます。

?>➡️ 利用可能なチュートリアルはこちらをご覧ください！