問題タブ [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.
tooltip - ng2-chart.js ツールチップが常に表示される
ng2-chart を使用して常に表示されるツールチップを設定するには? char.js にはオプション showTooltips: true がありますが、ng2-chart ソリューションが見つかりません。
angular - ng2-charts の色を変更するにはどうすればよいですか?
プロジェクトに ng2-charts を追加し、ドーナツと棒グラフの 2 つのグラフを表示します。追加したので、両方とも灰色で表示されます
へcomponent.template.html
、そして
にcomponent.ts
。
色を変更するために他のパッケージのインポートが必要ですか、それとも設定が間違っていますか?
Chromes html インスペクターは、レンダリングされた次の html 出力を示します。
javascript - 「キャンバス」の既知のプロパティではないため、「データセット」にバインドできません
NG2-Charts ( http://valor-software.com/ng2-charts/ )の基本的な例を使用しようとしています。
HTML部分をコピペしました
そしてTypeScript部分
私は走りnpm install ng2-charts --save
、npm install chart.js --save
そしてtypings install dt~chart.js --save --global
vendor.ts ファイルに chart.js もインポートしました
私の依存関係:
ここにエラーがあります
NG2-Charts Web サイトには、これを HTML に含める必要があると書かれています
しかし、生産的な縮小/構築されたアプリでそのステートメントがどのように機能するので、それは正しくないと思いますか? また、webpack のインポート ステートメントで既に処理されていると思いましたか? 私はググってみましたが、残念ながら NG2 Charts の一部の Angular 2 Beta バージョンのものしか見つかりませんでした。
誰かがそれを修正する方法について考えを持っていますか?
ありがとう、乾杯、 ラファエル・ヒッペ
angular - ng2-charts で未使用の軸を非表示にする
2 つの Y 軸 (右と左) を使用しています。そのうちの 1 つの使用済みデータセットをすべて非表示にすると、目盛り (軸ラベル) が 1 から -1 に変わります。
使用していないときに軸またはラベルを非表示にしたいのですが、アイデアはありますか?
非表示にする前: 両方の Y 軸を使用
非表示後: 右 Y 軸が変更されました - 使用されません
オプション>スケール:
ドキュメントには何も見つかりませんでした。
angular - angularjs2 webpackでng2-chartsが機能しない
angularjs 2でng2-chartsを使用しようとしています:
app.ts で:
私のファイルhtml:
webpack.config.js エイリアス: { 'ng2-charts': 'node_modules/ng2-charts' }
ブラウザのエラーまたは npm テストの実行時のエラーは次のとおりです。
angular - ng2-chart : ループ内にラベルを追加すると、グラフが読み込まれなくなります
ng2-charts を使用してデータを表示するグラフを取得しようとしています。モックアップ データを使用するとすべて正常に動作しますが、親コンポーネントから渡された配列を反復処理しようとすると、グラフ自体は表示されず、直交マークのみが表示され、コンソールには何も表示されません。問題をラベル配列に絞り込みました。 LineChartComponent のコメント行を削除すると機能します。
これが私のコードです:
注意: 未定義の配列はありません。そして、どちらも適切な構造を持ち、すべてのデータを含み、適切な型付けをしています。また、Data.date
文字列を返します。
何がそのような行動につながる可能性がありますか?
ありがとう !
angular - Ionic 2 - ng2-chartjs2 はブラウザーで動作するが、デバイスでは動作しない
ionic2 アプリケーションに ng2-chartjs2 を実装することができました。ブラウザで実行すると(つまり、ionic serveまたはionic run android -l -c)完全に機能しますが、デバイスで試してみると(つまり、ionic run android)、空白のページが表示されます。
ここのレポに作業サンプルプロジェクトをアップロードしました
どんな助けでも大歓迎です。ありがとう。
誰かがこの問題をクリアすることをまだ期待しています。