問題タブ [chartist.js]

こんにちは、

ChartistJS を使用してチャートをレンダリングしようとしています

奇妙なことに、ウィンドウのサイズを変更すると、チャート データが表示されます。

これは、不完全なデータでチャートをレンダリングしていることを示唆しています。

現在、API サービスを使用してデータを取得しています。

同様に解決された問題のように見えるこのリンクを見つけましたが、実際に実装するのに苦労しています。

ここにリンクの説明を入力

以下は私のコンポーネントです

ここであなたの助けをお願いします

ありがとう

GWS

chartistJs.component.ts

私は最近、自分のデータを表現Meteorするためにビルドツールを使い始めました。Chartist

凡例テンプレート用のJavaスクリプトがあります（インターネットからのソース）

Template.js

HTML

そして、対応する import ステートメントとして

期待どおりに機能する同様のインポートステートメントを使用しました。

ツールチップ プラグインのインポートにも同様のエラーがあります"TypeError: Chartist.plugins.tooltips is not a function"。

私が使用した対応するNPMステートメント。

誰でもこの問題を解決するのを手伝ってくれますか?

このトピックに関する同様の質問を見たことがありますが、Firefox でこれが起こるのを見たことはありません。Yosemite を実行している最新の Mac で Firefox 49.0.2 を使用しています。

開発者コンソールを開くまで保持されている追加したばかりのコード:

後で初期化されたチャートは正常に読み込まれますが、空です。開発者コンソールが最初に開いていても、開発者コンソールのサイズを変更するまで実際のデータは表示されません。開発者コンソールのトリガーまたはアクションがデータをもたらすようです。

開発者コンソールを最初に開いてページをリロードし、念のため 10 秒以上待機しました。

開発者コンソールのサイズを数ピクセルだけ変更した後:

Chartist.js を使用して、横棒グラフがグラフ コンテナーの全幅を確保できるかどうかは誰にもわかりませんか?

スクリーンショットを見ると、灰色のバーが幅全体を占めていないことがわかります。例に基づいて、シリーズの最大値のデータ ポイントがスケールされてチャートの最後まで満たされると考えていました (それに応じて軸がスケーリングされます)。

スクリーンショットを参照してください。

chartist.js を使用してチャートを作成しており、FixedScaleAxis を使用して y 軸上のポイントを正確に制御しています。

しかし、高さを追加すると、x 軸はグラフの下ではなくグラフ内に表示されます。フィドルを見てください

http://jsfiddle.net/Lnhpwn8x/19/

github で提起された問題に基づいて、軸ラベルを回転させる方法を示す js フィドルをセットアップしました。以下の js フィドルの例では問題なく動作しますが、自分のサイトでこれを試してみると、ラベルが表示されません。

http://jsfiddle.net/Lnhpwn8x/22/

画面のサイズを変更してラベルを小さくすると、グラフのサイズに問題があり、幅の 100% を占めていると思います