amCharts 4-第二个Y轴不显示值

Question

我正在使用amCharts 4 js库设置新图表。我需要在左侧和右侧同时显示y轴。

我遵循了文档说明，并为第二个y轴设置了“ opposite = true”（在右侧）。此Axis似乎已渲染，但没有左侧的值。

如果我仅使用一个y轴并设置为“ opposite = true”，则效果很好。但是，当我将它设置为第二个y轴时，该图表不会显示右侧Axis的值，而只会显示左侧的。

// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
var valueAxisLeft = chart.yAxes.push(new am4charts.ValueAxis());
var valueAxisRight = chart.yAxes.push(new am4charts.ValueAxis());
valueAxisRight.renderer.opposite = true;

https://jsfiddle.net/zs2gnd41/

在此jsfiddle示例中，图表的右Y轴具有“空”空间，但未显示。如果您注释掉上面这段代码的最新两行，则图表将变宽。

你有什么主意吗？非常感谢

Answer 1

您还可以为右轴fiddle创建一个系列，

var valSeriesRight = chart.series.push(new am4charts.LineSeries());
valSeriesRight.dataFields.valueY = "value";
valSeriesRight.dataFields.dateX = "date";
valSeriesRight.yAxis = valueAxisRight;