Chartistを使用して、いくつかのチャートを含むページがあります。各チャートにグローバルオプションと個別オプションの両方を設定したいと考えています。

これが私の問題を示すjsFiddleです。

注: 私は JavaScript 初心者なので、非常に基本的なことが欠けている可能性があります。

問題

プロジェクトのバーンダウン チャートをレンダリングするために、jira の json データを使用しています。詳細は省きますが、ビルトインの Jira Agile チャートを使用できません。バーンダウンのレンダリングに chartist.js を使用していますが、問題が発生しており、chartist.js ユーザーの意見をお待ちしております。

参照として生成したいチャートの画像を添付しました。

問題

1. バーンダウン イベントは、1 日に複数回発生します。それぞれがそれが起こった独自の時間があります。x 軸ラベル グループでそれぞれの特定の時間を表示したくありません。特定の日の特定の日のイベントを「グループ化」する方法はありますが、すべてが一度に発生したわけではないことを示していますか?
2. バーンダウンの「ガイドライン」を作成したい（添付画像の灰色の線を参照）。ラインを上から開始し、特定の時間下で終了させる簡単な方法はありますか?

アシデス

chartist.js の使用を楽しんでいますが、自分のプロジェクトでは使用していません。必要なグラフ ライブラリを使用できます。必要なことを行う別のチャート ライブラリの提案を喜んで受け入れます。

Chartist の機能が気に入っています: https://gionkunz.github.io/chartist-js/

しかし、次のように、チャートが表示されたときにChartJSが行うのと同じクールな方法で、Chartist に円グラフをアニメーション化してもらいたいと思います。 chart-js/chartjs-demo.html

どうにかして CSS アニメを Chartist に追加できると読みましたが、その方法がわかりません。

単純なドーナツ グラフを描画し、ラベルのフォント サイズを大きくすると、ラベルが不均一に配置されます。

設定で補正しようとしましたが、ラベルの 1 つがさらに見当違いになります。これはバグですか、それとも修正できますか?

http://jsfiddle.net/gx55mo6b/2/

jspdfを使用して、javascript で生成された pdf ドキュメントにグラフを出力する必要がある状況にあります。

Web サイトに表示されているチャートを変換したいと考えています。
これにはチャーティストを使用しています。

これを行う方法はありますか？

Chartist.js のグリッドの色をデフォルトの灰色から変更したいと思います。ct-grid-color 設定をオーバーライドしようとしましたが、おそらく何かが間違っていました。誰でもそれを行う方法を提案できますか?