angular.js - Angular の使いやすい描画コンポーネント、縦棒グラフ、円グラフを推奨してください

棒グラフや円グラフなど、Angular に役立つ描画コンポーネントをいくつかお勧めしてください。

大家讲道理 2017-05-15 17:09:06 0  4  759

図面チャート ファイルを選択するための <select> メソッドを作成します。

外部ファイルデータを使用して描画されたチャートがあります。次に、ユーザーが読み取るファイルを選択できる選択ボックスが必要です。このようにして、チャートを動的に変更できます。 vue と chartjs を使用してこの機能を実現するにはどうすればよいですか?現在、次のようにホームにデータをインポートしています:&lt;template&gt;&lt;divclass="home"&gt;&lt;Graph:vul_data=

P粉022140576 2023-08-20 10:08:18 0  1  595

PrimeReact を使用した組み込みチャートおよび Google チャートとの統合

私はprimereactとreact-google-chartsを使用しています。ただし、それらはすべてコンポーネントを「チャート」と呼ぶ必要があります。グラフを作成するとエラーが発生します。どのような解決策に従えばよいでしょうか? (https://i.stack.imgur.com/4qGie.png) (https://i.stack.imgur.com/5dpNr.png) コンポーネント チャートを呼び出そうとしましたが、VSCode がエラーを報告しました。次に、ガントを呼び出そうとしますが、表示されます

P粉458913655 2023-09-06 14:54:13 0  1  711

VueJs と Apexcharts を使用して複数のブラシ チャートを作成する

apexcharts を使用してブラシ チャートを作成するアプリケーションを開発しています。ただし、例に示すように、ブラシで 1 つだけではなく、複数のチャートを制御したいと考えています。コールバック関数の使用を開始する前に、ライブラリを介してこれを簡単に実現する方法があるかどうかを知りたいと思います。たとえば、ターゲットの配列を渡すことによって: Brush:{target:'chart2',enabled:true}、ありがとうあらかじめ、

P粉470645222 2023-08-26 20:17:05 0  1  594

Plotly.js サンバースト チャートの状態変化を判断する

私は、plotly.js を使用してサンバースト チャートを表示する React アプリを持っています。サンバースト チャートの「ズーム状態」に基づいて変化する他のアクション/コンポーネントがあります。たとえば、完全にズームアウトすると、バースト チャートに 4 つの同心円が表示されます。中心から 2 番目の円をクリックすると拡大され、同心円が 3 つだけ表示されます。クリック ハンドラーを介してステータスを判断できると考えましたが、それは簡単ではないようです。実際に何がどのくらいの深さまで（同心円が何個あるか）見えている状態が気になります。状態を反映するコールバックまたは何かを見つけたいと思...

P粉659516906 2023-08-31 20:42:38 0  1  495

javascript - eチャートでマップ移行航空機を描画するにはどうすればよいですか? ?

上の図に示されているパルネパスはどのようにして取得されるのでしょうか? ?飛行機がどうやって描かれたのかよくわかりません。 。 、誰か詳しく説明してもらえませんか? ありがとうございます。

某草草 2017-05-19 10:10:43 0  2  744

ハイチャート: スクロールバーのみが描画領域をカバーするようにします。

これは、highcharts ドキュメントのスクロールバー チュートリアルに基づいたサンプル チャートのフィドルです: https://jsfiddle.net/zao68u2k/1/ デフォルトのデモに加えた唯一の変更は、scrollablePlotArea :{ によってマスクを削除することでした。 opacity:1,}マスクがなくなったので、スクロールバーがチャートの幅全体を占めるのは意味がありません。画像でシミュレートしたように、軸を含まずにプロット自体の幅だけになるようにスクロールバーを短くしたいと考えています。出来ますか？

P粉692052513 2023-09-16 11:04:01 0  1  1057

同じフィールド値を持つガント チャート要素を 1 つの行に配置します

何も買えません。ガント チャートの下に添付した画像を見てください。チャートを示すすべての値がすでにあり、結果も 2 番目の画像に示すように次のようになります。 私のガント チャート ただし、これは私が得たいものではありません。これが私が言いたいことです。2 番目の写真を見ると、machine1、machine2 などの名前が表示されます。したがって、それらは重複していますが、同じmachine_idを持つ値をグループ化してプロットの同じ行に表示する必要があります。当初、そのようなマシンが何台存在するか、またそのような各グループにいくつの要素が存在するかは不明でした -> このデータはすべ...

P粉930448030 2024-02-21 17:14:01 0  1  479

javascript - chart.js プラグイン (チャート プラグイン) で縦棒グラフを横方向に表示する方法。

多くのグラフを含む Web サイトを構築する必要があります。シンプルで使いやすいプラグインはありますか? chart.js のようなフェードアウトアニメーションがあるとベストです =￣ω￣= chart.js のドキュメントを見ましたが、縦棒グラフを水平に表示する方法が見つからないようです (おそらく私は初心者でそれがわかりません - -); また、私が書かなければならないチャートは...

我想大声告诉你 2017-05-16 13:33:06 0  3  849

javascript - CANVASで描画されたグラフィックを確認する方法

たとえば、線を使用してハートや V を描いている場合、キャンバス上に何を描いているかをどのように判断できますか? 。ハートかVかを判断するにはどうすればよいですか？ 。そして、二人の絵の類似性を判断します。条件は複数のストロークではなく 1 つのストロークにすることができます

PHP中文网 2017-05-16 13:27:54 0  2  688

JavaScript - キャンバスデザインのマウス描画機能は、一度のストロークで複数の平行な色付きの線を描画します

1. キャンバスデザインのマウス描画機能は、複数の色の平行線を一度に描画できます 2. マウスイベントに描画 oCg.beginPath(); を追加してみましたが、イベントが上書きされてしまいます。 3. 同じ方法で複製キャンバスを追加しますが、キャンバスは覆われます。

PHP中文网 2017-06-13 09:24:08 0  1  1316

JavaScript - Baidu echarts チャートを変更する方法

echarts チャートの折れ線グラフを統計分析に使用します。同じデータが見つかりましたが、線が交差していません。何が問題ですか?神様にアドバイスを求めてみませんか？図に示すように、土曜日のデータはすべて 330 です。しかし、5 つの線は交差していません。&lt;script src="/Public/Admin/echarts/dist/echarts.js"&gt;&lt...

ringa_lee 2017-07-05 11:08:59 0  3  1401

チャートJSを使用して縦棒グラフのY軸値を設定する方法

この縦棒グラフでは、y 軸に正の値と負の値があります。ゼロ値を基準にして上下の正の整数を使用したいと考えています。バージョン 4.2.1 を使用していますが、どうすればよいですか?縦軸チャートの例 varMONTHS=["Monday","March","April","May"," June"," July","

P粉729436537 2023-08-29 10:38:36 0  1  664

JavaScript を正しく使用して複数のメタ タグを記述する

こんにちは、JSで絵を描いています。自分のコードについて話したいのですが、正しく書くにはどうすればよいですか? functionimpScript(scriptURL){letheadTitle=document.querySelector('head'); letsetProperty=document.createElement('script'); setProperty.setAttribute('ref', scriptURL); headTitle。

P粉432906880 2023-08-01 14:50:44 0  1  584

d3 は自動的に双方向バインディングを行うことができますか?

D3 で描画したチャートを自動的に 2 方向にバインドできますか?データを変更し、グラフを自動的に再レン​​ダリングします

高洛峰 2017-07-05 10:38:56 0  1  911

javascript - キャンバスで半透明のモザイクを描画するのに役立ちますか?

私の要件は、ユーザーがマウスを使用してアップロードされたドキュメントをモザイクできるようにすることです。私のアイデアは、マウス イベントをキャンバスにバインドし、ユーザーがマウスを押したパスに沿ってドキュメント上に半透明の png を描画することです。今は半透明を使用したくありません。 PNG オーバーレイ、キャンバスを直接使用してマルセイユを生成したい...

仅有的幸福 2017-06-07 09:24:40 0  1  928

JavaScript - キャンバス描画のモザイクの問題を解決します。色の選択が常に不正確です

マウスで描画するとき、マウスの現在の領域の色の値を取得してからブラシの色を設定しますが、色の選択は常に大きく異なります。何か問題があるのか​​わかりません私の計算です。助けてください! {コード...}

三叔 2017-06-08 11:03:00 0  2  936

ホストを開くとコードはなく、空の緊急用ブックです。

ホストを開くとコードはなく、空の緊急用ブックです。

悠悠 2018-09-22 14:41:11 0  1  1521

WebGL はインデックス 255 を使用したインデックス描画をサポートしていません

これは、uint8 値 255 のみを使用してインデックス バッファーを作成する最も単純な WebGL テスト プログラムです。サイズ 64px の赤い正方形が描画されるはずですが、描画されません (描画にはインデックス値は関係ありません)。どういうわけか、WebGL は、符号なしバイト範囲内にあるにもかかわらず、インデックス 255 の要素を無視します。 254 またはその他の値を使用すると、赤い四角形が期待どおりに表示されます。これは WebGL のバグですか、それとも予期された動作ですか?関連する情報が見つかりません。 letcanvas=ドキュメント.クエリ

P粉265724930 2023-08-17 12:37:59 0  1  501

Vue で Chart.js を使用してチャートを更新すると、「Uncaught (in Promise) RangeError: 最大コール スタック サイズを超えました」というメッセージが表示される

Mounted() でチャート オブジェクトを作成し、data() で宣言された "myChart" 変数に割り当てました。これは、このチャート オブジェクトをコードの他のスコープで使用できるようにしたかったためです。マウントされたものはメソッドに渡されます。 this.myChart.update() を呼び出すと、「Uncaught (in Promise) RangeError: 最大呼び出しスタック サイズを超えました」というエラーが発生します。このエラーが発生する理由とその修正方法、または別の方法があるかどうかを知っている人はいますか

P粉595605759 2024-01-04 18:52:33 0  1  746