問題タブ [c3.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1493 参照

ruby-on-rails - Rails、RequireJS、C3.js: c3 は定義されていません

RequireJS と一緒にレール アプリで使用しようとしてc3.jsいます。d3.jsapplication.html.erbの見た目は次のとおりです。

application.html.erb

現在のコントローラーinstructorと、正常にロードされたファイルはinstructor.js次のようになります。

インストラクター.js

アプリケーションを実行してもエラーは発生しませんが、c3未定義です。コンソール出力は次のとおりです。

コンソール

したがって、d3.js は正常にロードされますが、c3.js は未定義です。ここで何が問題なのかわかりません。助けてください。

ありがとう!

0 投票する
1 に答える
10347 参照

javascript - 特定の順序の C3JS 棒グラフ

次のように定義された C3JS のグループ化された棒グラフがある場合、セグメントを値の昇順ではなく、定義した順序に保つにはどうすればよいですか? デフォルトでは、C3 は 5、10、40 の順序で並べますが、10、40、5 のままにしておきたいです。

編集

プロパティで指定order: nullするのと同じくらい簡単です。data

0 投票する
4 に答える
11152 参照

c3.js - C3チャートの右上の凡例の位置?

c3チャートの凡例を「右上」に配置する方法はありますか?

現在のオプションでは、「下」と「右」のみが許可されているようです。「カスタム凡例オプション」があることに気付きました。ただし、このパスを進む前に確認したかったのです。

ありがとう

0 投票する
1 に答える
3592 参照

d3.js - c3js - x 軸の最初の日付ラベルを変更する

タイプのc3js折れ線グラフがありtimeseriesます。

私の軸テーブルは現在次のようになっています:

x 軸の表示 11/10.....05/11.....11/11.....05/12.....11/12.....05/13.....11/13

そしてそれはそうであってほしい

.12/10.....06/11.....12/11.....06/12.....12/12.....06/13.....

ここで、各ドットは月を示します。11/10 のデータポイントは引き続き保持および表示され、軸のラベルのみが変更されていることに注意してください。参考までに、インクリメントは直接設定されていませんが、 を使用してハッキングされていcullingます。

開始ラベルを変更する方法はありますか12/10(後続のすべてのラベルは 6 か月間隔で増加します)?

更新 (2014 年 11 月 14 日): 作業用のjsFiddleを追加しました。どんな助けでも大歓迎です! 更新 (14NOV14):関数を使用してみました。しかし、「ポップアップ」ボックスに常に灰色の見出しを表示したいのです。

0 投票する
1 に答える
1497 参照

javascript - C3.js でのイベントのトリガー

C3.js フレームワークを使用してグラフを作成しています。

http://jsfiddle.net/Banzay/w1narm4u/3/をご覧ください。「dataOne」リンクをクリックすると、青い線がチャートから消えます。

私が達成したいのは、「クリックしてください」要素のいずれかがクリックされたときに、「dataOne」クリックイベントがトリガーされるようにすることです(したがって、青い線が非表示になります)。

私が試してみました:

0 投票する
3 に答える
4653 参照

javascript - C3 グラフ オン ロード コールバック

特定のポイントの塗りつぶしの色を変更できるように、C3 グラフの読み込みが完了したら何らかのコードを実行する何らかのコールバック関数を使用したいと考えています。

0 投票する
1 に答える
2822 参照

javascript - C3.js の Y 軸の範囲 (最大/最小) が棒グラフで機能しない

C3で棒グラフをまとめようとしています。

http://jsfiddle.net/michaelkuzmin/Lcxe0frw/9/

1) 値ラベルを有効にすると、最大範囲を 14 に設定すると、Y 軸がすぐに壊れます。2) 手動で設定しようとすると、Y: max min パラメータが無視されます。

私は何が欠けていますか?

P/S 誰かがここに非常によく似た質問を投稿しましたc3.js y 軸の最小/最大 が機能しませんが、彼らが投稿した解決策は私にとっては機能しません。解決策は、パディング = 0 を使用することでした。フィドルでコメントを外して、違いがないことを確認できます。

0 投票する
2 に答える
1987 参照

d3.js - c3.js で散布図と折れ線グラフを一緒に作成できない

私が間違っていることを教えてください。ウェブページにグラフを表示するために c3.js を使用しています。スプラインと散布図を一緒に表示する必要があるという要件があります。c3.js で検索したところ、組み合わせグラフ ( http://c3js.org/samples/chart_combination.html )。しかし、散布図とスプライン チャートに使用すると、まったく表示されません。

以下は私のコードです

ありがとう