問題タブ [c3.js]

このチャートライブラリを使用しましたが、データをロードする方法がわかりません。mysql からチャートにデータをロードしたことはありません。だから私はベストプラクティスが何であるかわかりません...

したがって、MySQL テーブルの Orders 行には次のようなものがあります。

さらに、c3js は次のような形式でデータをロードします。

したがって、以下のような日付配列を作成しました。['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05']この日付ごとに、たとえば種類 = 1 の行数が必要です。しかし、MySQL クエリがどのように見える必要があるのか​​ わかりません... 日付配列の各日付に対してクエリが必要ですか? または、より良い方法はありますか？

助けてくれてありがとう！

カテゴリ軸のラベル テキストが長いか、c3js グラフの複数の単語である場合、それらが重なり合って読めなくなります。この問題を修正するための構成またはハックはありますか?

c3js カテゴリ軸の例

このバグを再現するには、次のコードをコピーして貼り付けます。

nvd3、c3js などの d3 ベースのグラフ作成ライブラリはいずれも、棒グラフの角の丸みをサポートしていないようです。

私のプロジェクトでは、棒グラフのバーが次のようになり、勾配があり角が丸くなっている必要があります。

c3jsでこれを達成するためのハックや設定はありますか?

データをリロードし、グラフの表示タイプを変更するための c3 ディレクティブで問題に直面しています。http://plnkr.co/edit/wWJx3zU3Sm1cN9ZCtvoh?p=previewで私のプランカーをご覧ください。

データをリロードするために$scope.refreshInData関数を使用し、チャートタイプを変更するために関数を使用してい$scope.transformます。しかし、どういうわけかこれらは機能していません。Github の例から、変換機能を使用してグラフの種類を変更しようとしましたが、機能させることができません。助けてください...

現在、ネイティブ d3 チャートと c3.js チャート モジュールを使用したチャートの両方を使用する Web アプリを使用しています。

私のチャートは、データの変更により 1 ～ 2 秒ごとに更新されており、一度に 3 ～ 4 個のチャートが画面に表示されます。

Chrome でタブを変更するか、ウィンドウを最小化すると、タブに戻ると、d3.js が d3_timer_step で長い時間を費やし、UI が 5 秒以上完全にロックされることに気付きました (ユーザーの使用時間によって異なります)。タブから離れている場合)、ユーザーが 30 分ほど離れると、実質的に何分間も UI がロックされる可能性があります。

ウィンドウがぼやけている間にd3アニメーションがキューに入れられ、再びフォーカスされたときにUIスレッドを叩いているだけだと思います。

明らかに、ウィンドウが表示されていないときにグラフの更新を停止することができます (おそらくいずれにせよ停止します)。たとえば、d3 にアニメーション バッファなどを制限するオプションはありますか?

私は c3js を使用していますが、このチャート フレームワークはまだ初心者です。チャートの系列凡例にタイトルを設定する必要があります。これどうやってするの？これを実装するには D3 を使用する必要がありますか?

前もって感謝します。

c3.js ( http://c3js.org/ ) と wkhtmltopdf ( http://wkhtmltopdf.org/ ) を使用して、チャートが存在する HTML ページの PDF を生成しています。私のグラフはブラウザでは正常に表示されますが、wkhtmlpdf では空白です。Wkhtmltopdf は Javascript エラーを報告しませんが、結果の PDF にはチャートが含まれません。誰でもこれを回避できますか？

/wkhtmltopdf --javascript-delay 5000 "http://c3js.org/samples/chart_donut.html" ~/test.pdf

C3.jsグラフのデフォルトの線幅を更新するには? 目盛り (円) の色を更新するには?