コンピューター– category –

Chart.jsのパイチャートやドーナッツチャートで、データ割合をパーセント表示する方法を紹介します。 方法 次のような流れで、パーセント表示を行います。 データの合計値を求めます データ値を合計値で割ってデータ割合を求めます ラベルとしてパイ中に表示します データの合計値を求める まず、データの合計値は、次のようにデータセットごとに求めます。 chart.data.datasets.forEach(function (dataset, i) { var dataSum = 0; dataset.data.forEach(function (element){ dataSum += element; }); }); data配...

Chart.jsはレスポンシブ対応のJavascriptチャートライブラリです。 Chart.jsにおいては、グラフのデータ値はデフォルト設定では常に表示されず、マウスポインタをグラフ点に近づけたときにツールチップ表示されるようになっています。 そこで、データ値を常に表示するデータラベルを付ける方法を紹介します。 また、パイチャート等では、パイ中にラベルを表示した方がグラフが見やすくなります。応用例として、データ点付近にラベルを表示する方法も紹介します。 データラベルを追加する方法 Chart.jsのプラグイン...

Macbook proでHDMIポートを介して外部ディスプレイを接続すると、外部ディスプレイに画面が表示されるまでに、本体と外部ディスプレイの画面が何回も点滅し接続に時間がかかることがあります。これを直す方法の一つを紹介します。 症状の例 次のYoutubeにアップされた症状がわかりやすいです。 外部ディスプレイを接続すると、画面が安定して表示されるまでに、本体の画面が点滅を何度も繰り返します。 この人の場合は安定するまでに1~2分かかるそうです。 私の場合は20~30秒くらいかかります。 解決方法 一つの解...

Webブラウジングをしていると、次のようなメッセージが表示されることがあります。 無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。 これは、エックスサーバーというレンタルサーバにおいて、ページ管理者がドメインの設定変更などをした場合に、設定が反映されるまでの間表示されるメッセージです。 ユーザー側の問題ではないため、ユーザーがページを見るためにできることはありません。   経験上、ページ管理者の設定が完了してか...