2
票
承認済み
Javascriptの関数が2度以上実行できない
関数呼び出し test_case() は2回実行されています。「関数が2回呼び出されたこと」をどのように確認していますか? もし「グラフが2つ描画されない」ことから疑っているのであれば、それは間違いです。たとえば test_case の関数定義の中に console.log を仕込めば、2回出力されていることが分かります。
グラフが2つ描画されないのは、どちらの呼び出しでも id が ...
2
票
承認済み
Chart.jsのラベルと値が対応していない問題を解決したい
aggregate_result メソッドを次のように書き換えれば、指定ラベルの順序どおりにグラフが描画されるようになるのではないでしょうか?
def aggregate_result
# 1. ログインユーザーの親関係にあるRecordテーブルと、
# 子関係にあるPracticeテーブルの全てのデータを取得する。
# 2. 取得したデータから、...
1
票
1
票
承認済み
chart.js で TimeScale の使い方
Uncaught Error: This method is not implemented: either no adapter can be found or an incomplete integration was provided
というようなエラーがライブラリ内ででて表示されません
Chart.js 3.xのマイグレーションガイドに記載がありますが、...
1
票
承認済み
chart.js で x 軸の stepSize を変更する方法
おそらく今回のケースであれば、stepSizeと一緒にmaxTicksLimitを設定すればよさそうですが、データに応じて「自分が思った通り」に表示するには、グラフのデータ(labels, datasets)からこれらの値を適切に計算する必要があるかと思います。
質問のコードでx軸を2毎(1, 3, 5, ...)に表示する場合、一例として以下の様になるかと思います。
<script ...
1
票
2本の折れ線グラフのツールチップのTitleに、それぞれ別の文字列を表示させたい。
Chart.js Tooltip Callback
や サンプルページを見るとわかりますが
Tooltips の callback の中で タイトル等を書き換える事ができます。
改造したところは
var xlabelThis = [ '20/03', '20/04', '20/05', '20/06'];
var xlabelLast = ['19/03', '19/04', '19/05', '...
1
票
承認済み
Chart.jsを使ったリアルタイムの線グラフのY軸を逆にする方法を知りたい
結論からいうと、現在リリースされているchartjs-plugin-streaming 1.7.1では、ticks { reverse: true }に対応していないため、できないようです。
1.8のリリースを待つか、reverseの対応が入っているmasterをビルドして利用するかの2択があるかと思います。
https://github.com/nagix/chartjs-plugin-...
1
票
承認済み
chart.jsのtick表示を間引きたい
ticks の callback を使うとラベルの書式を変更することができるので、これを使うとたとえば奇数番目のラベルだけ消すといったことができます。
callback: function(value, index, values) {
if (index % 2 === 1) {
return "";
}
return value;
}
以下は ...
1
票
phpで取得したDBの値をchart.jsのデータに使用したい
JSON形式でデータを渡して、処理をするだけでよいのでしょうか?
JSONでなくても configの'data: [0,0,0,0,0],'などの行をechoなどで出力すれば表示できます。
また、以下にJSONデータ(固定データ)から表示する様に表示サンプルを直してみました。
var randomScalingFactor = function() {
return Math....
1
票
承認済み
chart.jsを用いたリアルタイムでデータを表示するグラフの作成について
JavaScript における変数のスコープと初期化の方法に注意してください。変数 cells がどこで定義されていてどこで代入されているのかが不明瞭なコードになってしまっています。
具体的には、表を更新する onRefresh の部分で CSV を読み込むために csv2Array() を呼び出していますが、この結果の戻り値はどこにも代入されていません。また、この関数のローカルスコープでは変数 ...
無効化に投票
関連するタグ
chart.js × 17javascript × 12
ruby-on-rails × 3
ruby × 3
php × 1
jquery × 1
node.js × 1
json × 1
postgresql × 1
html5-canvas × 1
jquery-mobile × 1