2017-08-02 4 views
1

私は自分のプロジェクトに特別なタイプのグラフを見つけようとしていました。Javascript Complex graph

これはsunと似ています:)ハイチャートやキャンバスのようなライブラリを試しましたが、これは不可能です。誰かが私に教えてくださいいくつかのアイデアを持っている場合は、以下のリンク

Graph modal

にデザインを見ることができます。どんな助けもありがとう。

答えて

1

gaugeチャート(http://api.highcharts.com/highcharts/plotOptions.gauge)を使用して、ハイチャートで同様のことを達成できます。私はあなたのためのデモを準備しました。これは以下にあります。

APIリファレンス:
http://api.highcharts.com/highcharts/plotOptions.gauge.dial
http://api.highcharts.com/highcharts/plotOptions.gauge.pivot

例:
http://jsfiddle.net/n0z73Lp3/

+0

こんにちはデモをありがとうございますが、それぞれのポイントにパーセントがあります。あなたはイメージを見ましたか?それぞれのバーを見ると、色の違いを見ることができます。 – user2827944

+0

遅く返事を申し訳ありません。以前のデモを更新し、グラフに「sunrays」を追加しました。表示する光線の数として単一の値を持つ系列を追加するだけです。ここに例があります:http://jsfiddle.net/e48bqL60/。 –

0

1つのオプションはライブラリd3です。類似のものの実装を参照してくださいhere

+0

それでは、どのように私は真ん中の半径および長方形の形のバーを上げることができますか? – user2827944

+0

あなたは 'd3'文書をチェックアウトしなければなりません:) – nedmund