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

javascript - Javascript - Chartist jsで円グラフにオーバーレイタグを作る方法

chartist js を使用してこの効果を出す方法を知りたいです。
マウスが入ると、タグが表示されます。 2 つの問題が発生しました: 1. イベント リスナーを追加する方法を知っています。 データ型「ラベル」には必要な位置が含まれていますが、ラベルを表示したくないので、showLabel:false を設定します。 2.html を追加して、z-index、x 位置、y 位置を設定しようとしましたが、うまくいきませんでした。 どのようにできるのか?
ピクチャーフォームチャートjs




=====================(現在の結果を更新)======================== ====
このプロジェクトはビジネス用なので、タイトルに印を付けます。
ピクチャーフォームチャートjs
現在、私はどうすればよいかわかりません。ここに私のコードがあります:

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

javascript - チャーティスト動的入力

ユーザーがグラフとして表示されるデータをアップロードできる Web サイトを作成しています

HTML:<div id="data"></div>

test1.php 出力:,-0.05,-0.07,-0.07,-0.07,0.14,0.14,0.09,0.07,0.07,0.07,0.07,0.65,0.63,0.63,0.63,0.63,0.63,0.58,0.56,0.56,0.56,0.56,0.84,0.79,0.77,0.77

js/jquery:

グラフが表示されず、エラーが発生します

キャッチされないエラー: スケール ステップの最適化中に反復の最大数を超えました

しかし$("#data").text().split(",").slice(1)、コンソールに入力して出力をラベルとシリーズに貼り付けると、データを通常の配列にしてページからデータを取得しない場合でも正常に機能します

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

javascript - 基本的な Chartist.js チャートの設定方法

Chartist.js の概要を読みましたが、非常に簡単に思えますが、グラフを表示できません。

Railsアプリを作成し、テキストを表示するウェルカムページを取得しました.cssファイルとjavascriptファイルをリンクしましたが、表示する方法が正確にはわかりません. 新しい js ファイルを作成し、ドキュメントにあるデータを追加し、それをメインの HTML ページにリンクしましたが、何も表示されませんか?

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

javascript - Chartist JS、X軸の下にある折れ線グラフ

現在、私は Chartist JS jQuery プラグインを使用していますが、負の点がないにもかかわらず、関数の 1 つが x 軸を下回っているという問題が発生しています。

とにかくこの問題を回避する方法はありますか、さらに理解するために画像を確認してください。

ここに画像の説明を入力

コード

ありがとう

0 投票する
8 に答える
46468 参照

javascript - Chartist.js を使用してドーナツ グラフの線の色を変更するにはどうすればよいですか?

こんにちは、Chartist.js を使用して次のドーナツ グラフを作成しようとしています。

目標チャート

これは、チャートが現在どのように見えるかです:

Chartist.js ドーナツ チャート

このグラフの色を最初のドーナツ グラフと一致するように変更できる場所または方法を見つけようとしています。赤とピンクがデフォルトのようです。この目標を達成する方法に関するドキュメントを見つけることができませんでした。ストロークのサイズとチャート自体のサイズもカスタマイズしたいと思います。どんな助けでも大歓迎です!

現在のコード:

HTML:

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

html - チャーティストグラフの色の変化

チャーティスト グラフを使用しており、色はフレームワーク レベルで定義されていますが、特定のグラフに合わせて変更する必要があるため、フレームワーク レベルでは変更できません。.less ファイルを作成しようとしましたが、変更はまだ残っています。反射しない。

棒グラフの色を変更する方法について他のオプションはありますか?さらに棒を追加すると、色が異なるはずです。

PS : chartist のフレームワーク変更へのリンク。 https://github.com/capitalone/Hygieia/tree/master/UI/src/app/chartist

色の変更はhttps://github.com/capitalone/Hygieia/blob/master/UI/src/components/widgets/build/build.lessで行う必要があり ます

.less ファイルに指定されたコードを書きましたが、反映されていません...入力してください。

ありがとう