この種のグラフの作成方法は？

ユーザが入力したデータに基づいてこの種のグラフを作成したいと思います。主な問題は、ポイント上のボックスの表示に関するものです。少し説明しましょう。背景には、患者が言いたい尿の色に似ている勾配画像が含まれています。この種のグラフの作成方法は？

私はこのグラフを作成するための何かを提案してください。データは動的にフェッチする必要があります。

enter image description here

出典

2012-01-03 atul-tagra

イメージがなければ、役に立たない回答はなく、質問はおそらく下落している可能性があります。 –

どの種類のグラフを作成したいのですか？ – Acn

私はスタックオーバーフローからの迅速な解決策をしたい、あなたは少なくとも画像のリンクを投稿する必要があります:) –

gRaphael、JSChart、PlotKit、HighChartsは、クライアント側でグラフを作成するために、今日使用されるいくつかの一般的なライブラリです。 JSONデータとHTML要素のみを提供する必要があります。残っている仕事はあなたが行う必要はありません。 JFreeChartを使用して、サーバー側でチャート（イメージ）を作成し、それをクライアント側に送信することができます。

出典

2012-01-03 08:06:31 Acn

あなたはここに –

http://i40.tinypic.com/vn1erm.png これらのライブラリの多くを試してみました、私はほとんど20の最高のJavaスクリプトライブラリからのデモを見たが、正確に見つけることができませんでしたこの種のグラフ。多くの図書館で見つかったローソク足グラフは、最も近い選択肢です（ただし、株主持分のハイローグラフに使用されています）。しかし、あなたが探しているものは、レディメイドのソリューションを持っていません。しかし、私は一つのことを言うことができる、あなたは自分のコードを構築することを考えることができます。ではごきげんよう。 –

HIアトゥールを画像をチェックアウトすることができ – Acn

そこに多くのグラフツールのどれもあなたが

:-)昔ながらのHTMLテーブルまたは絶対位置のDIVのいずれかで、このことについて考えることができ、あなたを助けることはできません場合。表を使用する場合は、セルを識別し、クラスを追加してそのセルの境界線を赤色にすることができます。 DIVでも同じことができます。表セルまたはDIVをページに印刷すると、8-2-27（unit-month-date）で識別でき、JSONデータは対応するcell/divと一致してクラスを追加できます。

もちろん、これは、すぐに使用できるプラグインを使用するよりももう少し作業です。しかし、それは可能です。私は過去にも同様のことをしてきました。私は、サーバー側ですべてを行い、HTMLを印刷する方が簡単であることを発見しました（これはjQueryがすべてのプラグインを持つ前です）。

出典

2012-01-03 20:21:06 dakdad

おかげで相手が何かを試してみる –

どこにでも近くに何かが見つかったとしても –

は、HTML5キャンバスタグを使ってこの問題を解決しました。 –

この種のグラフの作成方法は？

答えて

関連する問題