1

Dojo 1.8 の作業チャートがあります。

chart1 = new dojox.charting.Chart2D("chart1");
chart1.addPlot("default", {type: "Lines", ...
chart1.addSeries("Series A", [{ x: 1, y: 2.3, tooltip: "Value 1"}, ...

シリーズのデータ​​が線として正しく表示され、線 (シリーズ) 全体が「緑」の色になります。シリーズ全体の色を変更する方法は知っていますが、データ値に基づいて線の色を変更することは可能でしょうか? x 軸が時間軸であると仮定して、線 (系列) を今日まで緑にし、将来の値を赤にする必要があります。これは可能で、どのようにですか？(値にマーカーを使用しています。これらが値に基づいて変化する可能性がある場合は、それで十分です)

ドキュメントで次のようなものを見つけました：

chart.addSeries("Series A", [
    {y: 4, color: "red"},
    {y: 2, color: "green"},
    {y: 1, color: "blue"},
    {y: 1, text: "Other", **color: "white", fontColor: "red"**}
]);

ただし、これは PIE チャートでのみ機能し、LINES チャートでは機能しません。

前もって感謝します。

4

2 に答える 2

5

これを試すことができますhttp://jsfiddle.net/jUS54/

マーカーの色を変更するには、addPlot メソッドで styleFunc を使用します。

 var chart1 = new Chart("simplechart");
    chart1.addPlot("default", {type: Lines, markers:true, styleFunc: function(item {
    if(item <= 2){ 
      return { fill : "red" };
    }else if(item > 3){
      return { fill: "green" };
    }
    return {};
  }});
于 2012-11-30T20:13:21.623 に答える