2017-02-15 169 views
0

我想一个额外的Y轴添加到我的图的右侧。添加第二个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

你必须指定一个图形到第二Y轴,否则他们将全部使用第一valueAxis。这是通过yAxis属性XY图表中完成:

"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" 
    }], 

请注意,您还需要有在使用第二y轴的图表数据,也不会出现在所有。

这是你updated fiddle与第二图形一些虚拟数据。