問題タブ [zingchart]

次の zingchart クリック イベント処理コードを HTML ページのどこに配置すればよいかわかりません。zingchart.click = function(dataStr){ var data = eval('(' + dataStr + ')'); alert("グラフがクリックされました - ID: " + data["id"]); }

誰かが知っている場合は、サンプルの HTML コードを提供してください。

CFCHART を介して生成された zingchart の SVG コンテンツを抽出し、それをサーバーに渡して SVG を PNG に変換しようとしています

ただし、次のエラーが表示されます

グラフを右クリックして「PNG にエクスポート」を選択すると機能するため、この機能が機能することはわかっていますが、ページに同じアクションを実行するためのボタンを配置したいと考えています。

zingchart ライブラリを使用してバブル チャートをプロットしようとしています。バブルの半径値を y 軸スケールから独立させることができるオプションは見つかりませんでした。たとえば、googlecharts の バブルの半径は y 軸のスケールに依存しません (この例では、出生率が 1 桁であるのに対し、人口 (バブルのサイズ) は百万単位であることに注意してください)。同じ例を zingchart で試すと、バブルのサイズは y 軸のスケールを考慮しているため、グラフがあふれてしまいます。zingchart でこの機能を実現するにはどうすればよいですか?

日付とスコアのデータセットがあり、月に 1 つのスコアがあり、次のようになります。

ZingChart を使用して、このデータを折れ線グラフに表示しています。データを毎月 (デフォルト) から四半期ごとまたは半年ごとに変更する機能など、完全なカスタマイズ機能をユーザーに提供しようとしています。たとえば、ユーザーが「四半期ごと」を選択した場合、3 か月ごとにのみ表示する必要があります (逆方向に移動するため、11/29、8/23、5/24 などのデータが表示されます)。

ZingChart に n 番目ごとのポイントのみを表示させるにはどうすればよいですか? （そして、これらの増分を簡単に切り替えます）

簡単なものが欠けているに違いありませんが...:APIメソッドのZingChartドキュメントでは、関数はすべて参照myidしていますが、ZingChartのIDが何であるかわかりません。たとえば、メソッドgetseriesvalues:

'myid'このコード例では何を参照していますか?

これが私の簡単な ZingChart サンプル コードです。

ここで、このチャートでメソッドを呼び出したいとしgetseriesvaluesます。myid は何でしょうか? myChart? myChartDiv? どちらも機能しません...

プロジェクトでビジュアライゼーションとチャートを探しています。

したがって、すべての可能な比較を提案しますd3.js and zingChart

次の要因も考慮してください。

最後に、これら 2 つのライブラリからどちらが最適かを知りたいですか?

事前にサンクス。

このページにあるものと同様の米国の地図に位置マーカーを配置しようとしています

http://www.zingchart.com/blog/2012/07/17/interactive-html5-maps-api/ (マップ セクションにアイテムを配置します。)

これを指定するための JSON 属性が見つかりません (そのリンクはサイトのホームページのみに移動します)。これを行う方法について私を助けてください。または、それに関するドキュメントを教えてください。

[--EDIT--] Lat/Lon 値を使用して地図上の XY 座標を取得する関数を見つけました (zingchart.maps.getXY(mapid, lonlat, itemid))。その XY ポイントにマーカーを配置します。

[--編集--] 以下の回答は期待どおりに機能します。米国の地図にマーカーを配置しようとしています。地理的には米国の上にありますが、別のポリゴンとしてカリフォルニアの下に配置されているため、緯度/経度情報を使用してアラスカ/ハワイ州にマーカーを配置する方法を知りたいです。

X スケールでエポック日付を表示するために、zingcharts スケール オブジェクトhttp://www.zingchart.com/docs/json-attributes-syntax/scale-objects/transform/の transform:date を使用しようとしています。

私が使用しているエポック日付の一部は、1402444800、1402531200、1402617600 です。

Epoch Converter リンクを使用すると、2014 年 6 月 11 日、2014 年 6 月 12 日、2014 年 6 月 13 日という結果が表示されるはずです。

代わりに、1970 年 1 月 17 日、1970 年 1 月 17 日、1970 年 1 月 17 日。作業コードはhttp://jsfiddle.net/Rodmunera/j1ddL5k6/5/です。

私はこの機能を適切に実装していると確信しています。誰かが私が間違っていることを教えてもらえますか? または機能の場合

$ "," と小数点以下 2 桁を使用するように zingchart の Y スケールにデータの書式設定を追加したところ、テキストがフレームからはみ出してしまいました。グラフの幅を変えてみましたがダメでした。ここに何かアイデアはありますか？

jsfiddle.net/Rodmunera/j1ddL5k6/7