OrgChart JS

カスタマイズ可能で無駄のない組織図で構造化データを美しく表示

BALKAN App 社の製品
2019 年より日本国内にてComponentSourceで販売中。

価格:¥ 82,830 (税込)〜 バージョン: v9.x 新機能 更新: 毎日? レビューの平均スコア： 4.00レビューの平均スコア： 4.00レビューの平均スコア： 4.00レビューの平均スコア： 4.00レビューの平均スコア： 4.00 (2)

OrgChart JS のスクリーンショット

OrgChart JS

OrgChart JS is visual tool used by managers to help illustrate the roles and an organization’s hierarchy. Whether you’re a business, nonprofit, or government organization, a chart can help your employees understand the chain of command, with clear information on which people report to which manager. With an accurate chart, you’ll be able to develop growth strategies and assign new projects. A clear organizational chart can help you map inefficiencies in your workplace.

OrgChart JS

OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.
OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.
OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.
OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.
OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.
OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.
OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.
OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.
OrgChart JS - Normal LayoutAlign last child box horizontally.
OrgChart JS - Normal LayoutAlign last child box horizontally.
Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.
Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.
Multiple AssistantsMore than one assistant under the CEO.
Multiple AssistantsMore than one assistant under the CEO.
Assistant TemplateUse different template for the assistant node.
Assistant TemplateUse different template for the assistant node.
Assistant in Left OrientationAdding assistant node in different orientation types.
Assistant in Left OrientationAdding assistant node in different orientation types.
Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.
Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.
Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.
Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.
Group NodesEasily use Drag & Drop to create a new group of nodes.
Group NodesEasily use Drag & Drop to create a new group of nodes.
Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.
Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.
Template 'luba'You can easily extend this template to match your UI.
Template 'luba'You can easily extend this template to match your UI.
Template 'derek'You can easily extend this template to match your UI.
Template 'derek'You can easily extend this template to match your UI.
Template 'olivia'You can easily extend this template to match your UI.
Template 'olivia'You can easily extend this template to match your UI.
Template 'diva'You can easily extend this template to match your UI.
Template 'diva'You can easily extend this template to match your UI.
Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.
Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.
CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.
CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.
Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.
Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.
Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.
Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.
Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.
Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.
Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.
Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.
Bottom to Top
Bottom to Top
Top to Bottom
Top to Bottom
Left to Right
Left to Right
Right to Left
Right to Left
詳しくは、ここをクリックしてください。

画像1 / 28

OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.
OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.
OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.
OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.
OrgChart JS - Normal LayoutAlign last child box horizontally.
Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.
Multiple AssistantsMore than one assistant under the CEO.
Assistant TemplateUse different template for the assistant node.
Assistant in Left OrientationAdding assistant node in different orientation types.
Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.
Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.
Group NodesEasily use Drag & Drop to create a new group of nodes.
Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.
Template 'luba'You can easily extend this template to match your UI.
Template 'derek'You can easily extend this template to match your UI.
Template 'olivia'You can easily extend this template to match your UI.
Template 'diva'You can easily extend this template to match your UI.
Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.
CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.
Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.
Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.
Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.
Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.
Bottom to Top
Top to Bottom
Left to Right
Right to Left

OrgChart JS organization chart supports the following features:

  • Grouping – Putting multiple nodes into one box saves a considerable amount of space compared with assigning each node their own box. For example, if you have two employees at the same level you can group them.
  • Assistant nodes - Assistants are child nodes that have a different relationship with the parent node. They are laid out in a dedicated part of the tree.
  • Expand/Collapse - When you’re working on a big, complicated OrgChart, you...
OrgChart JS の詳細情報。

最新ニュース

階層をインデントリストとして表示
階層をインデントリストとして表示
April 24, 2026Product Update
OrgChart JSは、階層的データを縦方向に並べた構造で提示するツリーリストレイアウトを提供し、ネストされた情報を読みやすく
AIアシスタントで組織図を作成/保守
AIアシスタントで組織図を作成/保守
March 24, 2025Product Update
OrgChart JS v8.15はAI機能を追加し、組織図の設計と管理でユーザーを支援する人工知能を提供
元に戻す/やり直しによる組織図編集の合理化
元に戻す/やり直しによる組織図編集の合理化
November 8, 2023Product Update
OrgChart JS v8.12.13 では、ノードの追加や削除など、操作を元に戻したりやり直したりする機能を追加
OrgChart JS - 2023年9月期リリース
OrgChart JS - 2023年9月期リリース
October 6, 2023新バージョン
サブレベルを持つ混合レイアウトノードの処理を改善
OrgChart JS - 2023年8月期リリース
OrgChart JS - 2023年8月期リリース
September 6, 2023新バージョン
2つの新しい組織図レイアウト「ツリーレフト」「'ツリーライト」を追加します。
OrgChart JS - 2023年7月期リリース
OrgChart JS - 2023年7月期リリース
August 15, 2023新バージョン
混合レイアウトのサポートを改善し、組織図の表示を最適化
ニュースをもっと見る

価格:¥ 82,830 (税込)〜

A customer with 1 website (one domain) will require PROFESSIONAL License、 the product can be installed on unlimited machines (Load Balancer)。 A customer that is going to use the product in a SaaS...
ライセンスの詳細

ご質問がありますか？

今すぐ BALKAN App ライセンススペシャリストとライブ チャット。

機能ハイライト

Format an assistant to a position in a special way.OrgChart JS supports Grouping of nodes.Collection of customizable templates.Node editing operations update, remove and add.The search helps you find exactly what you're looking for.Eight orientation options.Mixed horizontal and vertical layouts.
他の機能
BALKAN App
公式認定ディストリビューターとして BALKAN App 社の正式ライセンスをお客様に直接お届けいたします。
BALKAN App の詳細
Component Type
  • JavaScript
互換性の詳細

受賞歴

PublisherPublisher

カスタマーレビュー

平均レビュースコア: 4 (2)

5 つ星中 4

5 つ星
0%
4 つ星
100%
3 つ星
0%
2 つ星
0%
1 つ星
0%

最も最近のポジティブなレビュー

Fatimatou Coulibaly フランス7 ヶ月前4 つ星

Nous avons choisi d’utiliser OrgChartJs pour simplifier la création d’organigrammes, et elle répond pleinement à nos attentes. La librairie offre de nombreuses possibilités de personnalisation, ce qui... 続きを読む

最も最近の重要なレビュー

この商品の否定的なレビューはありません。
他のレビュー