0

ここ数日間、同じ y 軸と異なる x 軸座標を使用して、同じグラフに 2 つのグラフをプロットできるツールを探していました。特に、x 軸上の特定の点で曲線とその曲線を通る線をグラフ化したいと考えています。

曲線の x 点と y 点は既にわかっており、ページにハード コードされますが、線の x 座標の値はプログラムによって生成されます。

次のようなことを簡単に実行できるツールを見つけたいと思っていました。

曲線のためにこれをプロットし、

x {0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4, 0.45, 0.5, 0.55, 0.6, 0.65, 0.7, 0.75, 0.8, 0.85, 0.9, 0.95, 1 }

y {0, 9.6, 6, 2.5, 1, 0.6, 0.3, 0.24, 0.1, 0.08, 0.02, 0.009, 0.0009, 0.00009, 0.000009, 0.0000009, 0, 0, 0, 0, 0 }

そして、次のような行をプロットします。

x {estRisk, estRisk}

y {0, 10}

ここで、「estRisk」は 0 から 1 の間の値になります

上司や経験豊富な同僚から、Google Chart と Dojo を調べるように指示されましたが、これまでのところ、これらのツールの両方を使用して、複数のシリーズをプロットできる多数のチュートリアルと例を見つけることができました。共通の x 軸ですが、共通の y 軸ではありません。

私が探しているものは、これらのツールのいずれかで可能ですか? これを可能にする他のツールはありますか?この特定のベンチャーをあきらめて、それを一日と呼ぶべきですか?

前もって感謝します

4

2 に答える 2

0

以下のように、Dojo で同様のことを実現できます。

require(["dojo/domReady", "dojox/charting/Chart", "dojox/charting/axis2d/Default",
        "dojox/charting/plot2d/Lines", "dojox/charting/themes/Julie"],
    function(domReady, Chart, Axis, Lines, Theme){
        domReady(function(){
            var estrisk = 0.23;
            var chart = new Chart("chart");
            chart.addAxis("x", {type: Axis});
            chart.addAxis("y", {type: Axis, vertical: true });
            chart.addPlot("curve", {type: Lines, tension: "x"});
            chart.addPlot("line", {type: Lines });
            chart.addSeries("1", 
                         [ {x:0,y:0}, {x:0.05,y:9.6}, {x:0.1,y:6},
                           {x:0.15,y:2.5}, {x:0.2,y:1}, {x:0.25,y:0.6},
                           {x:0.3,y:0.3}, {x:0.35,y:0.24}, {x:0.4,y:0.1},          
                           {x:0.45,y:0.08}, {x:0.5,y:0.02}, {x:0.55,y:0.009},
                           {x:0.6,y:0.0009}, {x:0.65,y:0.00009}, {x:0.7,y:0.000009},
                           {x:0.75,y:0.0000009}, {x:0.8,y:0}, {x:0.85,y:0},
                           {x:0.9,y:0}, {x:0.95,y:0}, {x:1,y:0} ], 
                       { plot: "curve"});
            chart.addSeries("2",
                         [ { x: estrisk, y: 0}, { x: estrisk, y: 10} ], 
                       { plot: "line" });
            chart.render();
        });
    }
);
于 2013-06-04T15:49:59.227 に答える