なにないのか。
科学技術系や金融系に最も良く使われるチャートの類はまぁ plotly.js 等々概ねいい感じのものは見つけてみたが、チャートてのはもっと色々あるわけであろう。
その「その他」をいくつか試してみたいと思っていて、今一番興味があるのが、graphviz と同じノリの Cytoscape.js なんだけれど、これは一つには「本格的に遊びたい」、もう一つには「ドキュメントの出来がかなりよろしくない」の2つの理由から、ちょっとだけ後回し気分になってる。
なので、サクっとお試せそうな気がしていた jOrgChart を遊び始めようとし始めようと試みかけたいなと思い始めたような気がした。
こいつのターゲットは「組織図みたいなツリーを簡単に描く」というただ一点で、まぁキャッチーではある。いや…、全然キャッチーじゃねーよ。。。えれー混乱しとるぞ、こやつ。これを「xx best jquery charting libraries」なノリのまとめサイトが紹介する意味がわかんねー。(ていうかさ、紹介するならこの混雑っぷりも込みで紹介しろや。)
簡単に「混乱」を箇条書きするから心して読むように。
- オリジナルは jOrgChart で、これは開発が止まってるし、デモが平気で死んでる。
- jOrgChart を引き継いだのが OrgChart で、新しいし保守もされてる。
- けれど OrgChart の CDN を検索して見つかるこれは、 OrgChart のデモが見ているこれと全くの別物。
もう勘弁してくれよ。
出来たぜ、一応:
「フレームのソースを表示」して、コメントアウトの嵐から察して欲しい…、いや、引用しといた方が説明しやすいか:
1 <meta charset="utf-8">
2 <title>Organization Chart Plugin</title>
3 <!--
4 <link rel="icon" href="img/logo.png">
5 <link rel="stylesheet" href="css/font-awesome.min.css">
6 <link rel="stylesheet" href="css/jquery.orgchart.css">
7 <link rel="stylesheet" href="css/style.css">
8
9 <script type="text/javascript" src="js/jquery.min.js"></script>
10 <script type="text/javascript" src="js/jquery.orgchart.js"></script>
11 -->
12
13 <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-orgchart/1.0.0/jquery.orgchart.min.css">-->
14 <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-orgchart/1.0.0/jquery.orgchart.min.css.map">-->
15 <link rel="stylesheet" href="https://rawgit.com/dabeng/OrgChart/master/demo/css/jquery.orgchart.css">
16 <!--<link rel="stylesheet" href="https://rawgit.com/dabeng/OrgChart/master/demo/css/style.css">-->
17 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
18 <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
19 <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>-->
20 <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>-->
21 <!--<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-orgchart/1.0.0/jquery.orgchart.min.js"></script>-->
22 <script type="text/javascript" src="https://rawgit.com/dabeng/OrgChart/master/demo/js/jquery.orgchart.js"></script>
https://rawgit.com/dabeng/OrgChart/master/demo/ なんてのを指したいわけはないでしょう。本格的に使いたいなら、ダウンロードして自分のサーバに配備すればいいだけのこと。だから上で書いた文句は別に大した話じゃぁない。気分的な問題だよ、だから「たったこれだけのことしか出来ないライブラリのために支払うコストとしては高過ぎなんじゃないの?」てことさね。
てわけで OrgChart、おススメでっす!!!!
