Question

我试图在我的图表右侧添加一个额外的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

Answer 1

您必须为第二个Y轴分配图形，否则它们都会使用第一个值Axis。这是通过XY图表中的yAxis属性完成的：

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

请注意，您还需要在图表中包含使用第二个yAxis的数据，否则它将根本不显示。

这是你的updated fiddle，其中包含第二张图的一些虚拟数据。

添加第二个Y轴

1 个答案: