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

javascript - Chartist.js が TypeError をスローしています: a is null

私はここでばかげた何かが欠けていることを知っています。チャートをレンダリングできない理由はありますか?

TypeError: a is null コンソールのエラー メッセージ。

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

javascript - クロージャーで変数を更新するには?

さて、ChartistJSというグラフ作成ライブラリがあります。axisTitleを表示するために、 Axistitleプラグインと呼ばれるプラグインを使用しています。問題を強調するためにプランカーを作成しました。問題は、ドロップダウンを開いたときに、選択したオプションに基づいて別の軸タイトルを表示したいということです。シンプルに聞こえます。

chartist-plugin-axistitle.jsここで、 44 行目と 49 行目のソース コードに移動すると、2 つのconsole.logs(options). 開発者コンソールを開き、コンソールをクリアして、ドロップダウンから距離のオプションを選択します。44 行目と 49 行目に 2 つの console.log() が表示されます。44 行目と 49 行目の変数axisY.axistitleaxisY.axistitle見てください。Distance(km)1 つは期待値である 44 行目にある必要があり、49 行目のものは になりますUnit。なんで?上記の行の値は に変更されていますがDistance(km)、まだUnit? 実行されて出力されていますが、関数が更新された値を取得していないのはなぜですか? 私はそれが閉鎖と関係があるにおいがしますか?どうすればこれを解決できますか? その中のオプションの更新された値を取得するにはどうすればよいですか?

助けていただければ幸いです。ありがとう

編集

ここで最小限のコードを提供することになっているためです。

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

javascript - chartist.jsを使用して、グラフのY軸にグループ化された数千の数値をフォーマットします

JavaScript(PHP)のChartist.jsライブラリで値をグラフで表示するグラフを作成しました。Y 軸のすべての値はデータベースから取得されます。しかし、グループ化された千の形式で Y 軸を表示できません。交点のツールチップにも千値札を表示したい(画像確認)

PHPコード

JavaScript コード (グラフの実際のコード)

1 - ここで number_format を使用すると、値を 1000 形式に変換します. しかし、配列は別の位置に値をとります. したがって、実際の値は壊れます.

ここに画像の説明を入力

誰でもこの問題を解決しようとすることができますか?

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

javascript - Chart.js(またはChartist)を使用して更新時にアニメーション化する積み上げ棒グラフを作成する方法は?

Chart.js で積み上げ棒グラフを作成しようとしましたが、更新ごとにスライド アニメーションが表示されるので、積み上げ棒グラフを簡単に作成できますが、更新ごとにグラフを再作成する必要がある Chartist とは対照的です (私は'アニメーション化しようとしたが、何らかの理由で愚かすぎて実行できない)。

私が使用しているコードは、ほぼ文字通り jtblin の github からの抜粋ですが、何らかの理由でスタックしません。バーが隣同士に座っているだけです。彼のチャートへのリンクは次のとおりです: http://jtblin.github.io/angular-chart.js/examples/stacked-bars.html。コントローラーのリンク: http://jtblin.github.io/angular-chart.js/examples/app.js

以下のコードを見つけて、何が間違っているのか教えてください。

元のフレームワークは、価値がある場合、blur-admin から取得されます。

表示方法を示す画像:

私の: chart.jsを使用した積み上げ棒グラフ Jtblinの: chart.jsを使用したjtblinの積み上げ棒グラフ

注意してください(これが問題の核心であると思います)私はChart.JS 1.0.2を使用しています。

または、誰かが Chartist を使用して更新時にアニメーション化する方法を教えていただければ、それも素晴らしいことですそれはうまく更新され、うまく積み上げられ、必要なものはすべて揃っていますが、アニメーション化できません。.on('draw', ) を実行する必要があると思いますが、方法がわかりません。

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

javascript - Chartist.js タイプ エラー

私は chartist を使用してウェブサイトのいくつかの指標を追跡していますが、プロットで問題が発生しています。私が見ている主なエラーは次のとおりです

最初のエラーは行 8:3570 で発生しますが、おそらく役に立ちません。2 つ目は 8:27311 で発生しますが、これもおそらく役に立たないでしょ

翡翠の断片

Javascript スニペット

円グラフの標準入力:

折れ線グラフ/棒グラフのチャーティスト ラベル/シリーズの組み合わせへの標準入力:

提供できる追加情報があればお知らせください。コンテンツの量を、必要と思われる量に減らすようにしました。

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

javascript - 描画/アニメーション chartist-js を再起動するにはどうすればよいですか?

chartist -jsを使用して、グラフを作成します。もう一度(アニメーション)グラフの描画を開始したい。どうやってするの?グラフを作成してアニメーション化する私のコード:

このコードには、グラフを作成する元のコードのみが含まれています。グラフを再描画しようとしているコードはありません。

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

javascript - Chartistチャートの値に値を割り当てる

誰かがこの問題を解決するのを手伝ってくれますか.. Chartistの円グラフデータを動的に設定しようとしています. リストに表示しているプロジェクトのリストがあります。各プロジェクトには、資金調達などのプロジェクトに関する情報を含むグラフがあります。chartData の「値」を設定しようとすると、値が数値として検出されません。以下に例を示します。

私は何を間違っていますか?..私の問題が十分に明確であることを願っています

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

javascript - Jenkinsスローでチャーティストを使用する - TypeError: self is undefined

jenkins プラグインで chartist.js を使用しようとしています。ライブラリを cdn - 通常のインポート (および css) でインポートしました。

しかし、グラフを表示する代わりに、ブラウザのデバッグで「TypeError: self is undefined」が表示されます。彼らのサイトの最も単純な chartist.js の例を使用しています。

これは、エラーを作成する関数のソース コードです。

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

chartist.js - チャーティスト別シリーズ

Chartistを使用してチャートを作成しています。私は日のラベルを持っています:

私はこのようなシリーズを持っています:

いいえ、一連の値が異なる新しい行を追加します。新しい行は、次のようにポイントと別のポイントの違いを示しています。

グラフには 2 本の水平線が表示されます。線を正しく表示するにはどうすればよいですか?