2012-01-19 11 views
1

dojoxカラムタイプのチャートで、実際のバーの上にあるすべてのバーのy値を表示する方法はありますか?から見つかったticketを見て、このticket(:これはまだ道場のそれ以降のバージョンに含まれていない機能があるようdojoxカラムチャートのバーの上に値を表示する方法

<script type="text/javascript"> 
dojo.require("dojox.charting.Chart2D"); 

var series1 = [ 3, 2, 5, 3, 6, 4]; 
var xlabels = [ 
    {value : 1, text : "a"}, 
    {value : 2, text : "b"}, 
    {value : 3, text : "c"}, 
    {value : 4, text : "d"}, 
    {value : 5, text : "e"}, 
    {value : 6, text : "f"}, 
    {value : 7, text : "g"}]; 

var chart1; 
makeCharts = function() { 
    chart1 = new dojox.charting.Chart2D("simplechart"); 
    chart1.addPlot("default", { 
     type : "Columns", 
     gap : 2 
    }); 
    chart1.addAxis("x", { 
     labels : xlabels 
    }); 
    chart1.addAxis("y", { 
     vertical : true, 
     min : 0 
    }); 
    chart1.addSeries("Series1", series1); 
    chart1.render(); 
}; 

dojo.addOnLoad(makeCharts); 
</script> 

答えて

1

残念ながら、それが見えます:ここに私の(私はhttp://glenurban.me.uk/A55D03/Blog.nsf/dx/DojoChart.htmから得た)のコードですthis mailing list

Dojo GFXを使用して一連のデータから値を取得し、それをグラフにオーバーレイする方法があるかどうかを確認しようとしました。しかし、

(道場GFXの表面がすでに作成SVGチャートオブジェクトの表面オーバーレイを可能にしている場合に依存しています。そして、このすべて)

方法は 場しのぎになるだろうラベルを行うことで、この機能を追加するオプションが常にありますDojo Chart2Dライブラリー自体にも適用されます。しかし、それを行うたびに、DojoのメインのChart2Dブランチでパッチを変更できない限り、カスタムメイドのライブラリを今後新しいバージョンのChart2Dに上書きしないように注意してください。

この特別な必要性のためにDojoを利用していない場合は、jQueryを使用したと考えていますか?さまざまなチャート/グラフライブラリは、これらの日は、そこにあります。

  1. Highchartsexamples
  2. Flotexamples
  3. Tuftegraphexamples
  4. また

Google Chart ToolsはかなりいいですjQueryがあなたのものでない場合。

または... JavaScript InfoVis Toolkitも素晴らしいです。

+0

我々はdojoxを評価しているし、これはの一つであります私たちがそれを選択するかどうかを決定する問題。 – uzilan

+0

Dojoにはすばらしいツールがたくさんありますが、http://bugs.dojotoolkit.orgトラッカーによれば、その発展のペースを見ると、いくつかの機能があるかもしれません(頼んだ縦棒グラフの値のようなものです)それだけでかなり長い間追加されることはありません。私はまだ汎用のJavascriptツールボックスにjQuery(とjQueryプラグイン)を推奨します。 Dojoを評価しているその他の問題にも依存していると思います。 – summea

+0

あなたの問題の解決策をまだ探しているなら、参考になる別の素晴らしいJavascriptライブラリ(http://thejit.org/demos/)への参照を追加しました... – summea

0

詳細については、ラベルが付いた列のチャートを表示できるようになりました。

addPlot( "デフォルト"、{タイプ: "ClusteredColumns"、ラベル:真、labelStyle: "外" または "内部"})exempleについて

関連する問題