JavaScriptで円グラフを作成したい。検索すると、GoogleChartsAPIが見つかりました。jQueryを使用しているので、 GoogleCharts用のjQuery統合が利用可能であることがわかりました。
しかし、私の問題は、チャートを作成するために実際のデータがGoogleサーバーに送信されることです。データがGoogleに送信されないようにする方法はありますか？自分のデータを第三者に送信することを心配しています。
142785 次
7 に答える
99
フロット
制限: 線、点、塗りつぶし領域、棒、円、およびこれらの組み合わせ
インタラクションの観点からは、Flot を使用すると、Flash グラフに可能な限り近づけることができますjQuery。グラフ出力は非常に滑らかで見栄えがよく、データ ポイントを操作することもできます。つまり、データ ポイントにカーソルを合わせると、グラフ内のそのポイントの値に関する視覚的なフィードバックを得ることができるということです。
flot のトランク バージョンは、円グラフをサポートしています。
Flot ズーム機能。
これに加えて、グラフのチャンクを選択して、特定の「ゾーン」のデータを取得することもできます。この「ゾーニング」の二次機能として、グラフ上の領域を選択してズームインし、データ ポイントをもう少し詳しく表示することもできます。とてもクールです。
スパークライン
制限: パイ、ライン、バー、コンビネーション
Sparklines は、私のお気に入りのミニ グラフ ツールです。ダッシュボード スタイルのグラフに最適です (次にログインしたときの Google アナリティクス ダッシュボードを考えてみてください)。それらは非常に小さいため、(上記の例のように) 行に含めることができます。すべてのグラフ作成プラグインで使用できるもう 1 つの優れたアイデアは、自己更新機能です。彼らの Mouse-Speed デモは、最高の状態でのライブ チャートの力を示しています。
クエリチャート 0.21
制限: 面、線、棒、およびこれらの組み合わせ
jQuery Chart 0.21 は、見栄えの良いチャート作成プラグインとは言えません。処理できるチャートに関しては機能的にはかなり基本的ですが、時間と労力を費やすことができれば柔軟に対応できます.
チャートに値を追加するのは比較的簡単です。
.chartAdd({
"label" : "Leads",
"type" : "Line",
"color" : "#008800",
"values" : ["100","124","222","44","123","23","99"]
});
jQチャート
制限: バー、ライン
jQchart は奇妙なものです。アニメーション トランジションとチャートへのドラッグ アンド ドロップ機能が組み込まれていますが、少しぎこちなく、無意味に見えます。正しく設定すれば見栄えの良いチャートが生成されますCSSが、他にもっと優れたものがあります。
タフテグラフ
制限事項: 棒グラフと積み上げ棒グラフ
Tuftegraph は、「母親に見せたい美しい棒グラフ」として売り込んでいます。Flot の方がきれいですが、Tufte の方が非常に軽量です。それには制限がありますが、選択できるオプションはほとんどないため、与えられたものを手に入れることができます. クイックウィンの棒グラフを確認してください。
于 2009-08-03T17:37:55.233 に答える
4
Chart.jsは非常に便利で、他の多くの種類のグラフもサポートしています。
jQuery を使用する場合と使用しない場合の両方で使用できます。
于 2013-04-27T03:17:44.180 に答える
0
Javascript の TeeChart を確認する
非営利目的での使用は無料です。
jQuery、Node.js、WordPress、Drupal、Joomla、Microsoft TypeScript などのプラグインが含まれています...
いくつかのデモのスクリーンショット:
于 2015-09-02T12:05:46.310 に答える