問題タブ [ngx-charts]
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.
angular - データベースからのデータを使用して Chart.js を Angular 7 と統合する方法
Chartjsリンクからのデータを含むChart.js
angular - Angular 2 の Ngx-charts の折れ線グラフに表示されるドットに異なる色を設定するにはどうすればよいですか?
Ngx-chartライブラリの折れ線グラフを使いたい。しかし、線に表示されるドットの色を変更することはできません。
したがって、ドットに使用される色を変更したり、Ngxチャート折れ線グラフのドットに独自の色を提供したりするにはどうすればよいですか?
line-chart.html ファイル内
line-chart.ts ファイルでは、チャートの構成は次のようになります
上記のコードの出力では、チャートに2行が表示されますが、すべての学生のように1行にしたいので、学生のマークを示すチャートがあるため、チャートにはドットが異なる方法で表示される単一の行がありますマークのカテゴリに応じた色 >50 点の色 = 緑 マーク >70 点の色 = ピンクなど。
angular - ツールチップが常に表示されるように ngx-charts (折れ線グラフ) をカスタマイズする方法は?
ngx-charts ライブラリをカスタマイズして、ツールチップをホバー時ではなく常に表示することは可能ですか?
angular - NGRX を使用して折れ線グラフで常にデータ ポイントを強調表示する方法は?
折れ線シリーズを表示する折れ線グラフがあります。
データポイントを常に強調表示するにはどうすればよいですか?
現在のところ、マウスがその上にある場合のみ、1 つのデータ ポイントが強調表示されます。
または、グラフにデータ ポイントを提供する他のチャート タイプはありますか? バブル チャートをテストしましたが、時間と数値を X 軸としてのみ機能します。X軸として文字列を使用する必要があります。
angular - ngx-charts の凡例の位置が間違っています
開発者の皆様、こんにちは。
私はチャートを作成するためにngx-chartsを使用してきましたが、これまでのところすべて問題ありませんが、凡例の位置を下に移動しようとすると、チャートの境界を超えているようで、何をしてもできますちゃんと見えなくて、あたかもそこに置かれるかのように横に予約されたスペースがあります。
私が使用していたコードの一部と、サンプル用の小さな画像を共有します。
以下のリンクを見ると、凡例が境界から外れて表示されていないことがわかります。