Django：グラフ描写ツール Echartsで要素数が変動するグラフを描く方法
Django：グラフ描写ツール Echartsで要素数が変動するグラフを描く方法 前回記事でも書きましたが、要素数が決まっていればそれほど手間ではありません。 でも、引きたいグラフラインの数＝要素数が不確定な場合がどうしても出てきます。 例えば、1社で楽天市場に3店舗出してるとか。 モール数だとほぼ固定でも店舗数になると一気に不確定になってしまいました。 と言う事で、可変する要素数の時にJavaS […]
JavaScript
1/2ページ
Bootstrap：多機能なグラフ描写が可能な『ECharts』の取扱いを調べた
- 2020.12.17
- Bootstrap4, ECHARTS, JavaScript, スクリプト備忘録, テンプレート, ひとりごと, 可変できるグラフ, 情報収集
Bootstrap：多機能なグラフ描写が可能な『ECHARTS』の取扱いを調べた Gentelellaのデモページはココ 『Gentelella』に使われているプラグインにEchartsというモノがありました。これが超多機能！ ボタンによるグラフスタイルの変更 が出来る(棒グラフから線グラフ等) 描写しているグラフを画像でダウンロードできる 分散図や円グラフも搭載している 調べる事が多そうなので、 […]
Bootstrap：daterangepickerで選択しPOSTしてMYSQLの値を抽出する方法
- 2020.12.15
- bootstrap, DaterRangePicker, Django, JavaScript, python, エラー改善, スクリプト備忘録
Bootstrap：daterangepickerから選択した値をPOSTしてMYSQLの値を抽出する方法 前回記事はこちら。 今回、DateRangePickerでの日付指定からデータべ―ス抽出まで悩んだのでそこら辺をまとめて置こうと思います。 DaterRangePickerの想定している基本的な実装 全てをJavaScriptの中で処理すべく構成していると思われます。 いわゆる Ajax = […]
Bootstrap：カッコいいカレンダー『daterangepicker』の取扱いを調べた
- 2020.12.14
- Bootstrap4, daterangepicker, HTML, JavaScript, カレンダー, スクリプト備忘録, ひとりごと
Bootstrap：カッコいいカレンダー『daterangepicker』の取扱いを調べた このプラグインの担当区分は日付の範囲指定です。 例えば、売上の期間集計とか『どこからどこの集計をするのか』を指示する事が出来ます。 ただし、標準状態ではPOSTの書き込みが無いので「どこに書けば良いの？」と苦戦してました。 と言う事で、個人的備忘録。 daterangepicker導入の経緯 Bootstr […]
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析②
- 2020.12.10
- Bootstrap4, CSS, Django, JavaScript, python, Template構成, エラー改善, スクリプト備忘録
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析② Gentelellaのデモページはココ 今回は解析と言うより使い方編といった内容です。 ログインユーザーによってサイドナビのメニューを分けたり表題を変えたりしたいシーンがあります。 今作っているシステムの場合は【管理者】と【依頼者(ユーザーさん)】で同じメニューが出てはいけません。 「依頼者は依頼者の情報のみに。 […]
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析①
- 2020.12.04
- Bootstrap4, Flot, Gentelella, JavaScript, グラフテンプレート, ツール, 備忘録, 情報収集
【Bootstrap】かっこいいテンプレ Gentelella を見つけたので解析① Gentelellaのデモページはココ この中のDashboard2のグラフを使うにあたって、どう動いているかを調べてみました。 該当のデザイン箇所 該当箇所のコード [crayon-6011e0b1a9c3c605624846/] このうち、メインのグラフを作っているのが16～18行目でした。 [crayon- […]
【Bootstrap】グラフ作成で横軸の日付が表示されなかった理由
- 2020.12.01
- Bootstrap4, Django, JavaScript, Template, エラー改善, グラフ作成, スクリプト備忘録, ひとりごと, 失敗例
【Bootstrap】グラフ作成で横軸の日付が表示されなかった理由 DjangoのViews.pyでDBから取得した値をテンプレートに送り、Bootstrapの機能でグラフ化をしようとしました。 で、グラフまでは出力するのですが【X軸(横軸)】のラベルが付いてくれず3時間ほど右往左往。 ※日付が無いのでどの時点の値かわからない。 ちなみに、私が利用させていただいたテンプレートは【gentelel […]
JavaScript：画面サイズが変わってもレコードを1行に収める方法
JavaScript：画面サイズが変わってもレコードを1行に収める方法 レコードをTableに記載した時、1つのカラムが長く全体を調整されてしまうときがあります。 そんな時に上手く調整する方法です。 サンプルコード [crayon-6011e0b1aabd1037235974/] 列ごとのサイズは【<colgroup>】で指定していますが、この中の『件名』に長いものがあった時、この設定 […]
【VBScript(WSH)】chromeをDOM操作したいときどうすればいいか
- 2020.10.22
- HTML, JavaScript, PowerShell, VBScript, WSH, スクレイピング, ツール, 備忘録, 市場調査, 情報収集
【VBScript(WSH)】chromeをDOM操作したいときどうすればいいか 自前のサイトをDOM操作したいときはJSを読み込ませておけばOKです。 そう言った事が出来ない場合（スクレイピングをしたいとき）どうするかという話です。 VBScriptやPowerShellを使ってもChromeはIEの様にオブジェクトとして引っ張ってこれない為、DOMによる狙い撃ちが一筋縄ではできません。それでも […]
【PHP(Laravel)】JavaScriptの記載場所と登録方法について(jQuery含め)
【PHP(Laravel)】JavaScriptの記載場所と登録方法について LaravelでJavaScriptを記載する場所は2つしかありません。 Viewに<script>タグを使って書く プロジェクト/public/js 内にjsファイルを置きViewで読み込む Viewに<script>タグを使って書く viewのblade内で次のように書くだけです。 [cray […]