『[jQuery] 組織図が簡単に書けるOrgChart』
あまりニーズがないかもしれませんが、社内の組織などを階層構造で視覚化したいという場合に使えるjQueryベースのライブラリです。 体制図を作りたいといった場合にも使えるかもしれません。 OrgChartは、決められたデータソースを指定するだけで組織図を表示できます。 似たようなものとしては、Google ChartのOrganization Chartがありますが、デザイン的にOrgChartのほうが綺麗に見せることが出来る点や、Googleのほうはライブラリのソースをウェブ経由で読み込んで利用するため、サーバーにライブラリを保存して使いたいといった場合にOrgChartのほうが利用しやすいかもしれません。 ただ、jQuery3系でしか動かないため注意が必要です。 まずは、OrgChartをサーバーにインストール（というか設置）する必要がありますが、方法はページに記載のとおりBowerやn
![『[jQuery] 組織図が簡単に書けるOrgChart』](https://cdn-ak-scissors.b.st-hatena.com/image/square/95e25b60a116cd646b6ea35a97f21d87e8bb3473/height=288;version=1;width=512/https%3A%2F%2Fstat.profile.ameba.jp%2Fprofile_images%2F20180307%2F17%2F6d%2F98%2Fj%2Fo01440176p_1520412760963_99ynx.jpg)
JointJSで組織図を書いてみる - Qiita
$ docker-compose run --rm node npm init $ docker-compose run --rm node npm install --save jointjs <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ORG-組織図</title> <link rel="stylesheet" type="text/css" href="../node_modules/jointjs/dist/joint.min.css"> <style type="text/css"> h1, p, div { padding:0; margin:0; } h1 { font-size:14px; } #paper { border:solid 1px #ccc; background-
jQueryフォーム追加削除 - Qiita
// 追加 $('#demo-plus').on('click', function(){ var inputCount = $('#demo-area .unit').length; if (inputCount < maxCount){ var element = $('#demo-area .unit:last-child').clone(true);// 末尾をイベントごと複製 // 複製したinputのクリア var inputList = element[0].querySelectorAll('input[type="text"], textarea'); for (var i = 0; i < inputList.length; i++) { inputList[i].value = ""; } $('#demo-area .unit').parent().append(e
JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
