問題タブ [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 投票する
1 に答える
6269 参照

javascript - C3 棒グラフ - JSON 入力

C3 棒グラフは JSON データをサポートしていますか? 簡単な例を機能させようとしていますが、次のようなことを達成する方法に関するドキュメントや例が見つかりませんでした:

0 投票する
0 に答える
2015 参照

tooltip - c3js 時系列チャートのツールチップのタイトルを変更

c3.jsで時系列チャートのツールチップのタイトルを変更したいのですが、デフォルトではツールチップのタイトルはX系列の時間になっています。

行のデータ系列として保存する各時点の一意のテキスト ラベル [ ] がありますが、この一意のテキスト ラベルを取得してツールヒントに表示することはできません。

私のデータは次のとおりです。

現在、ツールチップのタイトルには X シリーズの日付が表示されています。これは基本的に次のとおりです。

ツールチップを変更しました: {} このように

ただし、ツールチップのタイトルには、2 番目の列に対応するテキストを表示する代わりにnullが表示されます。

次に、これを行うと:

画面には、3 番目の列に対応する番号が表示されます。

ツールチップのタイトルとしてテキスト フィールドを表示する際に問題はありますか? デフォルトで日付を表示できるのであれば、そうは思いません。

2列目のデータをツールチップのタイトルとして表示する方法を教えてください。2 列目のデータは、基本的にその日付に発生したイベントを表します。

ツールチップの完全なコード: {} は次のとおりです。

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

javascript - c3グラフにデータを渡す方法

これが私のJSコードです:

上記のコードはエラーを返します:undefined is not a function.

ただし、変数に格納せずに同じデータを直接渡すと、コードは機能します。
何が間違っているのか教えてください。

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

javascript - C3 jsは未定義のプロパティ「幅」を読み取ることができません

初めて C3 チャートをセットアップしようとしています。

公式ウェブサイトの例に従って、次の html を取得しました。

このために、私は次のJavaScriptを持っています:

ただし、これを実行すると、次のエラーが発生します。

問題が何であるかを知っている人はいますか?

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

javascript - D3 でドーナツ チャートの円弧にアイコンを挿入することはできますか?

Facebook (50%)、Twitter (30%)、Instagram (20%) の 3 つのカテゴリ (弧) を持つドーナツ チャートがあります。チャートをプロットするのはかなり簡単ですが、ソーシャルネットワークのそれぞれのシンボルを使用して各アークにアイコンを挿入する方法を知りたいです (D3 または C3 を使用)。

ありがとう!

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

javascript - C3 棒グラフ 不明な棒の数

C3.js を使用して棒グラフを作成しています。

私の場合は次のとおりです。

多数のデータを収集してチャートに表示したいのでX、次のスクリプトを作成しました。

上記の例からわかるように、データをループしてから、配列の配列 (不明な数のデータ) が得られるまでそれを配列に追加しています。

ただし、これをブラウザで実行すると、次のエラーが表示されますconsole

ただし、代わりにメソッドを使用するとpop、データは正常に表示されます。唯一の問題pop();は、アレイにいくつのアレイがあるかを知る必要がchar_dataあり、それを知ることができないことです。

誰かが同様のことを試したことがありますか、またはこの問題を解決する方法を知っていますか?