0

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

我按照文档并为第二个 y 轴设置“opposite = true”（将其放在右侧）。这个 Axis 似乎被渲染但没有左侧的值。

如果我只使用一个 y 轴并设置“opposite = true”，它会完美运行。但是当我为第二个 y 轴设置它时，图表不显示右轴的值，而只显示左轴的值。

// 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 轴的“空白”空间，但它没有显示它。如果您注释掉上述代码段的最新 2 行，图表将变得更宽。

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

4

1 回答 1

1

您可以为右轴小提琴再创建一个系列，

var valSeriesRight = chart.series.push(new am4charts.LineSeries());
valSeriesRight.dataFields.valueY = "value";
valSeriesRight.dataFields.dateX = "date";
valSeriesRight.yAxis = valueAxisRight;
于 2019-05-27T14:26:27.563 回答