うちの会社の組織図はかなり特殊でして
図のように、部・課・係が階層別に分かれています。
現状は、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ランキング
-
読み込んだQRコードをフォーム...
-
特定の文字列を複数抜き出した...
-
var exports = exports || {}; ...
-
ローディングアニメーションの...
-
GASでチェックボックスを一括of...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
React hooksが値を返して配列変...
-
初心者です。gulpでコンパイル...
-
ジャバスクリプトについて。
-
プログラムについて。
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
-
ボタンを押したあとに画像を表...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
Colorboxがうまく設置できません
-
Cookieに保存されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
階層別の組織図の自動作成について
-
Rails3でのクリックされたボタ...
-
jQueryのアコーディオン一番目...
-
絞り込み検索の後にソートを追...
-
アコーディオンメニューをブラ...
-
アコーディオンメニューが他に...
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
-
要素内を常に一番下を表示させたい
-
jQueryを使いformでsubmitした...
-
同一ページ移動時ハンバーガー...
-
JavaScriptでtabindexの変更っ...
-
Googleマップに複数のピンを立...
-
SQLのmaxで求めた値を変数に代...
-
パソコンで動くjavascriptがス...
-
readyStateが4にならない原因
-
AjaxでJSONを受信すると、文字...
-
変数にドットをいれることはか...
-
IndexedDB を使ってファイルア...
おすすめ情報