問題タブ [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.

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

tooltip - ng2-chart.js ツールチップが常に表示される

ng2-chart を使用して常に表示されるツールチップを設定するには? char.js にはオプション showTooltips: true がありますが、ng2-chart ソリューションが見つかりません。

0 投票する
5 に答える
49697 参照

angular - ng2-charts の色を変更するにはどうすればよいですか?

プロジェクトに ng2-charts を追加し、ドーナツと棒グラフの 2 つのグラフを表示します。追加したので、両方とも灰色で表示されます

component.template.html、そして

component.ts

色を変更するために他のパッケージのインポートが必要ですか、それとも設定が間違っていますか?

Chromes html インスペクターは、レンダリングされた次の html 出力を示します。

0 投票する
10 に答える
54578 参照

javascript - 「キャンバス」の既知のプロパティではないため、「データセット」にバインドできません

NG2-Charts ( http://valor-software.com/ng2-charts/ )の基本的な例を使用しようとしています。

HTML部分をコピペしました

そしてTypeScript部分

私は走りnpm install ng2-charts --savenpm 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 バージョンのものしか見つかりませんでした。

誰かがそれを修正する方法について考えを持っていますか?

ありがとう、乾杯、 ラファエル・ヒッペ

0 投票する
2 に答える
3838 参照

angular - ng2-charts で未使用の軸を非表示にする

2 つの Y 軸 (右と左) を使用しています。そのうちの 1 つの使用済みデータセットをすべて非表示にすると、目盛り (軸ラベル) が 1 から -1 に変わります。

使用していないときに軸またはラベルを非表示にしたいのですが、アイデアはありますか?

非表示にする前: 両方の Y 軸を使用

非表示後: 右 Y 軸が変更されました - 使用されません

オプション>スケール:

ドキュメントには何も見つかりませんでした。

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

angular - angularjs2 webpackでng2-chartsが機能しない

angularjs 2でng2-chartsを使用しようとしています:

app.ts で:

私のファイルhtml:

webpack.config.js エイリアス: { 'ng2-charts': 'node_modules/ng2-charts' }

ブラウザのエラーまたは npm テストの実行時のエラーは次のとおりです。

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

angular - ng2-chart : ループ内にラベルを追加すると、グラフが読み込まれなくなります

ng2-charts を使用してデータを表示するグラフを取得しようとしています。モックアップ データを使用するとすべて正常に動作しますが、親コンポーネントから渡された配列を反復処理しようとすると、グラフ自体は表示されず、直交マークのみが表示され、コンソールには何も表示されません。問題をラベル配列に絞り込みました。 LineChartComponent のコメント行を削除すると機能します。

これが私のコードです:

注意: 未定義の配列はありません。そして、どちらも適切な構造を持ち、すべてのデータを含み、適切な型付けをしています。また、Data.date文字列を返します。

何がそのような行動につながる可能性がありますか?

ありがとう !

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

angular - Ionic 2 - ng2-chartjs2 はブラウザーで動作するが、デバイスでは動作しない

ionic2 アプリケーションに ng2-chartjs2 を実装することができました。ブラウザで実行すると(つまり、ionic serveまたはionic run android -l -c)完全に機能しますが、デバイスで試してみると(つまり、ionic run android)、空白のページが表示されます。

ここのレポに作業サンプルプロジェクトをアップロードしました

どんな助けでも大歓迎です。ありがとう。

誰かがこの問題をクリアすることをまだ期待しています。