問題タブ [chartist.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 に答える
2567 参照

javascript - Meteor テンプレートの onRendered コールバックが呼び出されない

meteor アプリケーションで chartist.js を使用しようとしています。Template.reportPage.onRendered()テンプレートDOMが挿入された後に棒グラフを生成するように、コードを配置しました。アラートを入れてみましたが、呼び出されないことがわかりました。ヘルパー定義もあり、Template.reportPage.helpers正常に動作します。

エラーが発生します:

これが私のコードです:

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

visualization - Chartistに軸タイトルを追加する方法

ブラウザの視覚化にChartistを使用しています。

ここでの要件は、X 軸と Y 軸にタイトルを追加して、視聴者が各軸が何を表しているかを理解できるようにすることです。ただし、Chartist のオンライン ドキュメントを調べたところ、これに関するドキュメントは見つかりませんでした。それとも、この機能は Chartist ではサポートされていませんか? サポートされていない場合、これを解決する方法はありますか?

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

javascript - Chartist.jsはラベルを削除しますか?

だから私display:noneはラベルを付けることができます。以下に css を使用しますが、私の .ct-chart にはまだチャートの左側と下部に何かがあります。下の画像。

理想的には、青色のチャートは白色のモジュールの左側に配置し、下部に配置します。これにより、div と一致し、絶対位置に配置され、チャートの応答性がオンになります。空白は DOM にまだ存在するラベルから作成されていると思いますか?

ここに画像の説明を入力

グラフの左側と下側に空白がないようにしたいと思います。私の.ct-chartcssは次のようになります。

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

javascript - チャーティストは常にスペースを残していますか?

chartist.js では、何をするにしても、css を介してラベルを非表示にするかshowLabel: false、左と下に常にそのスペースがあります。

div に収まるようにグラフを絶対に配置しようとしているので、グラフは一番左から始まり、スペースやパディングなしで反対側の端までずっと描画されます。

グリッドとラベルを非表示にするさまざまな方法を試しましたが、それらは非表示になっていますが、そのスペースはまだ残っています。

CSSをハックしてやりたくありませんleft:-100px width:104%

下記は用例です。

私のプロジェクトでは、青いチャートの左または下に空白があってはなりません。チャーティスト ラッパーは次のようになります。

ここに画像の説明を入力

彼らのサイトでも、下のボックスと同じ高さではないことがわかります

ここに画像の説明を入力

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

javascript - Javascript - チャーティスト ライブラリ

私は自分のウェブサイトでチャーティストを使用しています。ローカルホストでは問題ありません。すべてが機能しています。

Web サイトをデプロイすると、円グラフを描画しようとすると 2 つのエラーが発生します。

他のチャートはうまく機能しています。

エラーは次のとおりです。

それはコードのその部分を指します:return m.chartist=y,y

それはコードのその部分を指します:for(var t=[],n=0;n<e.series.length;n++)t[n]="object"==typeof e.series[n] ...

dev バージョンと prod バージョンの唯一の違いは、JS を連結することです (uglify ではありません)。

詳細をお伝えすることはできませんので、お役に立てないことは承知していますが、これに何時間も費やしたのに、いまだに理解できずに迷っています。どんな助けでも本当に感謝します!

ありがとう

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

javascript - チャーティスト未定義エラー

Chartist.jsフレームワークを使用して、サイトのチャートとグラフを作成しようとしています。しかし、何らかの理由で「チャーティストが定義されていません」というエラーが表示され続けます

このエラーを修正する方法がわかりません。以下のコードを参照してください。

私が間違っていることを誰かが知っていますか?前もって感謝します。