0

現在、Dojo を使用して折れ線グラフを表示しています。しかし、シリーズの線の色を変更する方法がわかりません。誰か助けてくれますか? どうも。

  var chart1 = new dc.Chart("test1");
  chart1.addPlot("default", { type: "Default", lines: true, markers: true, tension: 1 });
  chart1.addAxis("x", { majorTick: { stroke: "black", length: 5 }, minorTick: { stroke: "black", length: 1} });
  chart1.addAxis("y", { vertical: true, majorTick: { stroke: "black", length: 5 }, minorTick: { stroke: "black", length: 1} });
  chart1.addSeries("Series A", [{ x: 0.5, y: 5 }, { x: 1.5, y: 1.5 }, { x: 2, y: 9 }, { x: 5, y: 0.3}]);
  chart1.addSeries("Series B", [{ x: 0.3, y: 8 }, { x: 4, y: 6, tooltip: "Custom tooltip" }, { x: 5.5, y: 2}]);
  chart1.addSeries("Series C", [{ x: 0.8, y: 6 }, { x: 8, y: 1, tooltip: "Custom tooltip" }, { x: 7, y: 2}]);
  chart1.addSeries("Series D", [{ x: 0.1,y: 5}, { x: 2, y: 3, tooltip: "Custom tooltip" }, { x: 4, y: 5}]);

  var anim1a = new dc.action2d.Magnify(chart1, "default");
  var anim1b = new dc.action2d.Tooltip(chart1, "default");
  chart1.render();

シリーズ A、シリーズ B、シリーズ C、シリーズ D の場合、自分で定義した色を使用してそれらを表示したいのですが、誰でも助けてもらえますか?

4

2 に答える 2

2

プロットで使用するために、シリーズの色を提供することもできます。次のようなもの：

chart1.addSeries("Series A",
        [{ x: 0.5, y: 5 }, { x: 1.5, y: 1.5 }, { x: 2, y: 9 }, { x: 5, y: 0.3}], 
        { stroke: "green" });
于 2013-09-24T09:27:08.290 に答える
0

チャートの定義中に setTheme() 関数を使用して色を変更できます。

次のようにする必要があります。

require(["dojox/charting/Chart", "dojox/charting/themes/Shrooms", "dojox/charting/plot2d/Areas", ...],
function(Chart, Shrooms, Areas, ...){
   new Chart(node)
   addPlot("default", { type: Areas, tension: "X" })
   setTheme(Shrooms)
   addSeries("Series A", [1, 2, 0.5, 1.5, 1, 2.8, 0.4])
   addSeries("Series B", [2.6, 1.8, 2, 1, 1.4, 0.7, 2])
   addSeries("Series C", [6.3, 1.8, 3, 0.5, 4.4, 2.7, 2])
  render();
});

この例では、テーマ「Shrooms」がロードされます。

ここでは、チャートで使用できるテーマを確認できます。

http://demos.dojotoolkit.org/demos/chartTypes/demo.html

Dojo API では、dojox/charting/themes の下にあります。

これは、自分でテーマを定義する方法についての優れたチュートリアルです: http://dojotoolkit.org/documentation/tutorials/1.9/charting/

よろしく、ミリアム

于 2013-09-23T06:45:33.990 に答える