htmlテーブルのセルにクリック可能な円グラフを表示するにはどうすればいいですか？

Question

私はテーブルにいくつかのクイックインフォメーションを表示するWebページを作成しようとしています。私はこの情報を円グラフとして表示したいと思います。出来ますか？グラフ作成にHighChartsを使用する予定です。このプロジェクトが計画段階にあるので、計画が最終的になる前に私が提案したすべてのものを確実に把握する必要があります。

可能であれば教えてください。事前に

おかげ パラヴィ

Answer 1

はい、可能です。テーブルを使用して、あなたが望むものを表示することを制限しているわけではありません。さらに、このデモを設定すると、1時間以上かかることはありませんので、私はそれを行うことをお勧めします:)この方法で、あなたは物事を行うことができることを確認します。これは、このプロジェクトだけでなく一般的なアドバイスです。

詳細についてはHighchart apiをご覧ください。

Answer 2

HighChartsその可能性を持つイェジン。彼らは良い簡単な多くの良いウェブサイトを持ってdocumentsと例

Answer 3

あなたは高チャートを使用することができ、非商用目的のためにそれを使用している場合 - PieChart using D3.js

var data = [{"label":"Category A", "value":20}, 
       {"label":"Category B", "value":50}, 
       {"label":"Category C", "value":30}]; 
      ........................... 

注 - 他PieChart using Highcharts をあなたがそれらを達成するためにd3.jsを使用することができますの残りの部分を参照してください。上記のフィドルリンクからのコード。