問題タブ [ng2-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 - グラフ ラベルをグループ化する方法は?
現在の四半期と前の四半期のデータを表示するグラフがありますが、それを月にも表示します。これが私がやろうとしていることのイメージです:
これを行う方法、またはそれが可能かどうかさえわかりません。私は現在 ng2-charts (Chart.js に基づいています) を使用していますが、Angular 2 で動作するオープンソースのグラフ作成プラットフォームを受け入れています。
javascript - Chart.js & Angular 2 - ng2-charts カスタム オン クリック イベント
Angular 2 プロジェクトに ng2-charts を実装しようとしていますが、カスタム onclick イベントの作成について疑問に思っていました。つまり、カートの現在の onclick イベントをオーバーライドして、いくつかのカスタム機能 (ページへのリダイレクト、モーダル表示など) を実行したいと考えています。
これを行う簡単な方法はありますか？それはまったく組み込まれていますか？
任意の洞察をいただければ幸いです
typescript - 親の前のAngular2、ng2-chartの子のレンダリング
私は現在、 と および のAngular2Spring -Boot を使用した視覚化アプリケーションに取り組んでいます。これで、ハッシュからのデータをng2-chart コンポーネントに表示する必要があります。TypeScriptfrontendbackendbackend
親コンポーネントの ngOnInit() 関数にデータをロードしています。データは、次のように子コンポーネントの入力として機能する 2 つの配列にプッシュされます。
そしてここに私のサービス：
2 つの配列barLabelsとbarDataは、次のように子コンポーネントに渡されます。
私の子コンポーネントでは、それらを使用してチャートを作成しています:
いくつかの console.log() ブレークポイントでデータを追跡しようとしましたが、それらは同じようです。
私が直面している問題は、どういうわけか、子コンポーネントのチャートが発生する前にレンダリングされるngOnInit()ため、データが表示されないことです。ある種の更新機能を探していましたが、成功しませんでした。
誰かがこれに対する答えを持っていることを願っています、
セバスチャン
chart.js - ChartJSの上記の凡例を非表示/カスタマイズする方法はありますか?
プロジェクトでChartJSを使用しています（元のライブラリの上に構築されたAngular 2のより正確にはng2-charts）。
オプションがあることがわかりました：
凡例: false|true
ただし、上部の凡例(たとえば、折れ線グラフの各行を説明するもの)を削除できるのは特に面倒です。以下に、私が何を意味するかを示します。
で試しました
Chartjs Legend Stylingからインスピレーションを得ています
しかし、それは他の伝説（下の伝説）にも当てはまると思います。上部の凡例をカスタマイズ/非表示にする方法はありますか?
また、x/y 軸のラベルの向きを変更するオプションはありますか? (たとえば、斜めではなく垂直に表示する)
javascript - Chart.js: 棒グラフの棒の上に表示する x 軸ラベルを取得する方法
私が達成しようとしているのはこれです：
これにはchart.jsの単なる拡張であるng2チャートを使用しています。私は棒グラフと色とすべてのジャズを持っています. 私が理解できないのは、x 軸ラベルを棒グラフのすぐ下ではなく上に表示する方法です。明確にするために、私はそれがホバーまたはバーの上に表示される以外の何かに表示されるようにするつもりはありません。
質問: X 軸のラベルをバー自体に表示するには、どのような構成が必要ですか?
angular - 動的に更新された ng2-charts
動的に更新することは可能chartですか? ng2-chartsのような他のライブラリがあることは知っていますがangular2-highcharts、 を使用して処理したいと思いng2-chartsます。chart主な質問は、ボタンをクリックした後、どうすれば再描画できますか? ウィンドウのサイズを変更するとデータが更新されるため、手動で行うオプションが必要です。
jquery - ng2-charts ライブ データ アニメーション
リアルタイム データを表示する必要があるダッシュボードに Angular 2 と ng2-charts を使用しています。
現在、私の問題は、グラフに関連付けられているデータを変更すると、グラフがすべてのデータ ポイントを再描画することです。このデータは秒単位で入ってくるので、これは私の目的には適していません。
http://www.highcharts.com/demo/dynamic-updateのデモのようなものを作りたいのですが、ハイチャートの予算がありません。
私のコードは次のとおりです。
component.ts:
component.html:
グラフ全体を再描画するのではなく、データが変化したときにこれをスムーズにアニメーション化する方法を知っている人はいますか?