vue-chartjsで横棒グラフにする vuejs
vue-chartjsで横棒グラフにする
optionにおいて
indexAxis: y
を指定するこれだけ。縦棒グラフにする場合、指定する必要なし or indexAxis: x で
縦棒グラフになる
vue-chartjsで lineチャートが表示できなくてはまる vuejs
vue-chartjsで lineチャートが表示できなくてはまる
解決策として、LineElementがなかったから。追加したらいけた
■エラーメッセージ
chart.mjs: Uncaught (in promise) Error: line is not a registered element.
■解決策
以下のよ
vuejs で chart上に数字を表示する(vue-chartjs) vuejs
vuejs で chart上に数字を表示する(vue-chartjs)
1. yarn add chartjs-plugin-datalabels
2. import ChartJsPluginDataLabels from chartjs-plugin-datalabels
3. ChartJS.register( ...略.
vuejs chartjsで optionを使用し、x軸のラベルを90度回転させて表示させる chartjs
vuejs chartjsで optionを使用し、x軸のラベルを90度回転させて表示させる
以下のように、datasets箇所で、xAxisID、yAxisIDというkeyに各任意の名前を指定し
オプションのscalesの箇所で、datasets箇所で指定した 任意の名前の中に
minRotation などの値を指定すればいい。
少し前の ch
vuejs chartjsで optionが反映されずにはまる
vuejs chartjsで optionが反映されずにはまる
以下のように、:chartOptions の名でoptionを渡したらうまく反映された
https://vue-chartjs.org/migration-guides/
の末尾に
Rename props#
options to cha
vue.js + fastapi環境で、CORSエラーの回避 Access to XMLHttpRequest at '...' from origin '...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. fastapi
vue.js + fastapi環境で、CORSエラーの回避
docker-compose上の別コンテナ環境にそれぞれ
vuejsとfastapi環境を構築し、fastapiでjsonを返すので
それをvuejsで表示するシステムを構築中。
そこで
Access to XMLHttpRequest at ... from
docker コンテナ作成時に、同じ名前のコンテナがすでにある場合の対応 docker
コンテナ作成時に、同じ名前のコンテナがすでにある場合の対応
前のが不要な場合はそれを、事前に削除すればいい
■エラー内容
λ docker-compose up -d
linuxで容量ゼロの空ファイルだけ検索し、なんなら削除もするコマンド コマンド
linuxで容量ゼロの空ファイルだけ検索し、なんなら削除もするコマンド
カレントディレクトリ配下が対象
容量ゼロの空ファイルだけ検索
find ./ -empty
容量ゼロの空ファイルだけ削除
find ./ -size 0 -delete
find ./ -empty -delete
e-statの統計データがわかりずらい e-stat
e-statの統計データがわかりずらい
わかりずらかったのは、ファイルとデータベースの違い
ファイルは、ファイル形式(Excel csv pdf)で
データベースは、画面で表形式で表示する形とAPIなのね
あと不満点としては
・全体像がわかりずらい
・どこまでいけば、欲しいデータにたどりつけるかがわからない<br
vuejsで文字列に自動で調整し改行をいれる vuejs
vuejsで文字列に自動で調整し改行をいれる
当初、v-cardの直下にそのまま文字を書いていたが自動改行されなかった。
結果としては v-card の中に文字を書いてその中の文字列を自動改行してほしかったのだか
v-card-textタグをかいてその中に文字を書くと自動改行された。
英数字も含めきちんと改行してほしいときは、
styl