ビジュアルパーツのグループ名と名前を設定する

ビジュアルパーツのグループ名と名前はMetadataオブジェクトで設定します。

// Example

const metadata: Metadata = {
  partsType: '@example/01',
  partsName: 'Example-01',
  groupName: 'Example',
  panelTagName: 'x-example-01',
  ...
}

以下の設定項目は互いに独立しています。

partsType

Data Visualizer内で使用されるビジュアルパーツの識別子です。 英数字（小文字a-z、0-9）、 _ 、 - 、 @ 、 / 、 . のみを使用してください。 （例: @example/01 ）

以下の形式を推奨します:

  • @projectname（プロジェクト名）/partname（パーツ名）

  • projectname と partname は、英数字（小文字a-z、0-9）、 _ 、 - 、 . のみとする

partsTypeは、ご使用のintdashドメインのData Visualizer内で一意である必要があります。

partsName:

Data Visualizer上で表示されるビジュアルパーツの名前です。任意の文字列を指定してください。 （例: Example-01 ）

groupName:

Data Visualizer上で表示されるビジュアルパーツのグループ名です。任意の文字列を指定してください。 （例: Example ）

panelTagName

HTMLのカスタム要素の名前として使用される文字列です。 最初の文字はアルファベット（小文字a-z）とし、以降では英数字（小文字a-z、0-9）、 _ 、 - のみを使用してください。また、1つ以上の - を入れてください。 （例: x-example-01 ）

以下の形式を推奨します:

  • x-projectname-partname

  • projectname と partname には、英数字と _ のみを使用することを推奨します。

panelTagNameは、ご使用のintdashドメインのData Visualizer内で一意である必要があります。

../_images/names.png

図 14 Data Visualizer上での表示

注釈

上記以外のMetadataのフィールドについては、APIドキュメントの Metadata を参照してください。