2017-02-15 12 views
0

私のダイアグラムの右側にもう1つy軸を追加しようとしています。2番目のY軸を追加する

this exampleで説明したように、私は追加の値軸を追加し、右側にそれを配置:

{ 
    "id": "v2", 
    "position": "right" 
} 

しかし、単に無視しているようです。

これは私の全体のコードです:

var chart = AmCharts.makeChart("mydia", { 
    "type": "xy", 
    "dataProvider": data, 
    "valueAxes": [{ 
    "id": "v1", 
    "position": "left" 
    }, { 
    "id": "v2", 
    "position": "right" 
    }], 
    "graphs": [{ 
    "balloonText": "x:[[x]] y:[[y]]", 
    "xField": "ax", 
    "yField": "ay", 
    }, { 
    "balloonText": "x:[[x]] y:[[y]]", 
    "xField": "bx", 
    "yField": "by", 
    }], 
}); 

誰のアイデア?

Here is a fiddle

答えて

2

グラフを2番目のY軸に割り当てる必要があります。そうしないと、すべて最初のvalueAxisが使用されます。あなたは、第2 Y軸を使用して、グラフ内のデータを持っている必要があり

"graphs": [{ 
    "balloonText": "x:[[x]] y:[[y]]", 
    "bullet": "round", 
    "xField": "ax", 
    "yField": "ay" 
    }, { 
    "balloonText": "x:[[x]] y:[[y]]", 
    "yAxis": "v2", //needs to be the ID or valueAxis object itself 
    "bullet": "round", 
    "xField": "bx", 
    "yField": "by" 
    }], 

注意をするかは、まったく表示されません。これは、XYチャートにyAxisプロパティを介して行われます。

updated fiddleには、2番目のグラフのダミーデータがあります。

関連する問題