うちの会社の組織図はかなり特殊でして
図のように、部・課・係が階層別に分かれています。
現状は、Excelの罫線でなんとか作成していますが
頻繁に社内構造が変化するため、これをデータシートから自動生成したいと考えております。
jsのOrgChartやjqueryを用いた自動生成は実装できたのですが
階層を一つ二つ飛ばすということが実現できませんでした。
調べたところ、OrgChartにもJQueryにもそのような想定がないため、無理やりCSSでブロック要素を縮めて罫線っぽくする方法以外になかったのですが、それをすると、社内構造が変わって再生成した際に、その縮めたブロック要素が原因で罫線が乱れる問題が起こったため、没となりました。
VBAかjsどちらかで、図のような組織図を作成する方法はないでしょうか?
よろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんにちは
以前、CSS等で無理矢理やるよりはということで、できそうなライブラリを複数ご紹介しておいたような記憶があるのですが、そちらではできなかったということでしょうか?
例えば、こんなの(↓)とか
http://javascript-demo.w4c.work/demo/graph/gojs/ …
どうしてもダメな場合はD3.jsなどを利用すれば確実にできると思います。
https://d3js.org/
とは言っても、かなり汎用なスクリプトなので、データ処理の部分をある程度自作しておく必要があります。
ご提示のような組織図なら、比較的単純なのでHierarchyにランク(=出力段位置)的な要素を組み込めばすむものと思います。
処理部分を一度作成してしまえば、後は、構成データだけを更新すればそれに沿った図を作成できるようになるでしょう。
◇D3.jsを使ってカクカクしたツリー
https://qiita.com/e_a_s_y/items/dd1f0f9366ce5d1d …
上記サイトは横向きですが、X軸Y軸を入れ替えているだけ。
また、ランクを飛ばしている図にはなっていませんが、個別に位置や結線を設定しているので、自由にできる事はお分かりになると思います。
もっと簡単そうな方法としては、
ご提示のようにエクセル等で作成したものを、そのまま図として表示してしまう方法はいかがでしょうか?
この方法なら、構成データを作成する手間もいらなくなりますし、そのままを表示できます。
(エクセルで作成したものを、VBAでjson化というのもあるかも知れませんが・・)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 哲学 人間はカオスだ!?:国家権力の三権分立と神なる三位一体とのフラクタル構造? 56 2022/11/28 17:29
- 政治 自衛隊は、ウクライナ軍に負けてるロシア軍にも負けますよね? 2 2022/04/17 21:26
- Visual Basic(VBA) 【VBA】Excelで罫線を引きたい 3 2022/07/14 12:04
- 哲学 人間はカオスだ!?:三権分立と三位一体とのフラクタル構造? 0 2022/09/02 05:01
- 哲学 人間はカオスだ!?:三権分立と三位一体とのフラクタル構造? 0 2022/09/10 04:02
- PDF 「PDF文書を簡単にWordで編集する方法」と 罫線が 図形で出力されるのは? 6 2022/06/14 06:51
- その他(データベース) 業務用のデータベースサーバーの選び方について 4 2022/11/22 10:22
- 哲学 われわれは どこへ行くのか? 世界の行方についての展望を問います。 79 2022/12/15 05:42
- 哲学 日本語は 言語類型として あたかも始原のごとくである 3 2022/05/29 04:41
- 生物学 細胞死について 細胞内の組織の分解が、その同じ組織の構築と修復と同様に能動的な生体現象であるのなら、 1 2023/04/01 20:03
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
階層別の組織図の自動作成について
-
JavascriptからPHPへのAjax通信...
-
同一ページ移動時ハンバーガー...
-
要素内を常に一番下を表示させたい
-
Googleマップに複数のピンを立...
-
変数の内容を別functionに渡したい
-
【再質問】計算(入数*単価)...
-
Selenium4でボタンをクリックで...
-
パソコンで動くjavascriptがス...
-
jQueryのblockUIをformのボタン...
-
jQueryでloadした部分に.jsが効...
-
jquery.csv2table.jsに検索窓
-
jQueryを使いformでsubmitした...
-
<input>のvalue値をプルダウン...
-
Selenium Basicの件
-
インラインフレームを自動更新...
-
XHTMLで外部JSファイルを読み込...
-
jQuery toggle() 戻るで開いた...
-
jQueryで追加した要素がマウス...
-
tableのtr要素をドラッグ&ドロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
階層別の組織図の自動作成について
-
jQueryのアコーディオン一番目...
-
jquery.validationEngine.js 添...
-
アコーディオンメニューが他に...
-
絞り込み検索の後にソートを追...
-
アコーディオンメニューをブラ...
-
jquery-1.3.2⇒○ 1.6.4.⇒エラー
-
【JQuery】iframeのリンク先変...
-
Selenium4でボタンをクリックで...
-
Javascriptを使ってQRコード読...
-
JavascriptからPHPへのAjax通信...
-
IndexedDB を使ってファイルア...
-
同一ページ移動時ハンバーガー...
-
JavaScriptでtabindexの変更っ...
-
jQueryを使いformでsubmitした...
-
SQLのmaxで求めた値を変数に代...
-
カンマ区切りのデータを配列に...
-
インラインフレームを自動更新...
-
ドラッグ & ドロップでのド...
-
jQuery toggle() 戻るで開いた...
おすすめ情報