問題タブ [ammap]

AngularJS アプリケーションで amCharts を使用しており、カテゴリ フィールドのラベルの名前を変更する方法を探しています。以下は私のコードです：

上記のコードで、categoryField が empId であることを確認した場合、x 軸に従業員 ID が表示されるので、「dept-empId」にします。たとえば、部門番号が 1 の場合、x 軸には 1-1、1-2 などと表示されます。部門 ID はデータ プロバイダーにはありませんが、コントローラーのスコープ変数の 1 つです。どうすればこれを達成できるか教えてください。

AngularJs アプリケーションで AmCharts を使用しています。カテゴリ軸ラベルにカーソルを合わせたときにカスタム バルーン テキストを作成する方法を知りたいと思っていました。以下は私のコードです：

私のグラフでは、カテゴリ フィールドは emp Id で、valueField は rating です。このグラフのデータ プロバイダーは、従業員の json データです。これで、JSON に場所という属性がもう 1 つあります。そのため、チャートのカテゴリ軸フィールドに「Location-Emp ID」を表示したいと考えています。

この機能を実現する方法を教えてください。

AmCharts を使用している AngularJs アプリケーションで作業しています。

HTML のコード:

これにより、x 軸に State の値が返され、y 軸にカウントが返されます。チャート内のデータをフィルタリングするチェックボックスを追加したかったのです。各チェック ボックスは、従業員の「状態」を表す必要があります。ボックスのチェックを外すと、表示されるデータがチャートに変更されます。どうすればこれを達成できるか教えてもらえますか。

私は AngularJS アプリケーションでリアルタイムの AmCharts に取り組んでおり、データポイントをチャートにプッシュする方法を知りたいと思っていました。以下は私のコントローラーのコードです：

チャートが Web サービスからデータを取得しています。Web サービスは 10 個のアイテムを返し、各アイテムの在庫状況をリアルタイムで更新する必要があります。チャートで itemId と在庫状況を使用しています。最初に、チャートにデータをロードできます。しかし、チャートが 1 つの値をシフトするとき、新しい値をどのようにプッシュすればよいでしょうか。この機能を実現する方法を教えてください。

amCharts http://docs.amcharts.com/3/javascriptmaps/AmMapを使用して amMap を作成しています。これには、クリックしてマップのデフォルトに戻すことができる独自のホーム ボタンが付属しています。

私は自分のボタンを使って外部的にこれを行いたいのですが、amCharts がこれを達成するために使用するメソッドを見つけることができません。

私が使用したいくつかのメソッドは、chart.zoomTo()、chart.zoomToLongLat()、chart.zoomToXY() で、チャートが初期化されたときの正しい値を使用します。これは、チャートのサイズが変更されていない場合は正常に機能しますが、チャートのサイズが変更された (再初期化されていない) 場合、これらの値は信頼できなくなりますが、ホーム ボタンを使用するとデフォルトのズームに戻ることができます。

このホームボタンはどのような方法を使用していますか? または、ホームボタンの機能を複製するために使用できますか?

AmCharts Maps を使用して世界地図を作成しています。エリアのリストを追加するまで、マップは正しく表示され、機能します。次の構成を使用して、AmCharts React コンポーネントを使用してマップを初期化しています。

コンソールでは、maps ファイルから TypeError が返されます。具体的には機能はaddObjectEventListeners.

完全なエラーは次のとおりです。

TypeError:a.mousedown(...).mouseup(...).mouseover(...).mouseout(...).touchend(...).touchstart(...).keyup is not a function

これのほとんどは、彼らが持っているチュートリアルから来ています https://www.amcharts.com/kbase/your-first-ammap/

TypeError を引き起こすために何が間違っていますか? aオブジェクトをデバッグしましたが、私が知る限り、 CodePenの例と同じです。

注: AmCharts と AmMaps は、area 配列が渡されなくても正しく動作します。マップの SVG バージョンも使用してみましたが、同じ問題が発生します。また、例の CodePen で使用されている構成を独自のものに置き換えたところ、完全に機能しました。

アップデート

ammap_amcharts_extension.jsIIをフルに交換したところ、ammap.js動作しているようです。これは、拡張機能のみを使用する場合の孤立した問題である可能性があります。ページで AmCharts (Pie and Serial) も使用しているため、最初はファイル サイズが小さい拡張機能のみを使用したいと考えていました。

ammaps マップ (USALOW) があり、動的にロードしています。クリックした状態の ID を取得するにはどうすればよいですか? 以下のコードを追加すると、未定義の警告が表示され続けます。

これが私のマップスクリプトです：

}

カスタム マーカーを含む AmMap をエクスポートしようとしています。この例では、いくつかのカスタム マーカーを示しています。マップをエクスポートしてみると、画像にマーカーがまったくないことがわかります: https://codepen.io/anon/pen/gwNevz

カスタム マーカーを追加する主な方法は、別の DOM 子として追加することです。

これは基本的に AmCharts の例 ( https://www.amcharts.com/demos/custom-html-elements-map-markers/ ) ですが、エクスポートが有効になっています

標準エクスポート プラグインは、カスタム マーカーを省略します。カスタム マーカーを他の div に追加しようとしましたが、問題ありませんでした。AmMaps に依存しないアプローチ (例: html2canvas) も試しましたが、これまでのところ成功していません。

これを行う方法はありますか？

重なり合う要素を使用する AmMap を作成しました。円グラフを形成するための円と円のセクションがあります。以下の例は、単純な形状を使用した単純化されたバージョンです。

視覚的には、要素のペアが 1 つの要素を形成します。要素にカーソルを合わせると、ホバーした要素が一番上に表示されるように z オーダーが調整されます。この例の内側の要素にカーソルを合わせてみてください: http://jsfiddle.net/J4nAj/21/

要素をペアにできるようにしたいので、A をホバリングしている間、A+B が一番上に表示されるようにします。B をホバリングしている間、A+B も上に表示します (まったく同じ外観で)。C または D をホバリングしているときに、C+D を A+B の上に表示したい (その間には表示しない)

これを行う方法を知っている人はいますか？

したがって、プエルトリコを除くすべての州データが表示され、現在利用可能なマップがあります。データを動的にロードし、プエルトリコがデータセットの一部ではない場合でも、バルーンテキストでホバーすることができます。プエルトリコをまとめて無力化したい。これが私のマップスクリプトです：

}