Amcharts无法正确缩放

时间:2019-07-25 16:50:04

标签: angular amcharts4

我正在使用amcharts 4在Angular应用程序中绘制一张(大约12个折线图,每个点具有5000点)。它显示出相当大的规模(-1.000.000  至8.000.000)。在大约200到-300的行上,缩放效果很好,但是一旦我尝试将范围缩放到-10到30,就不会再缩放了。线条只是停留在图表的顶部,而垂直缩放则无济于事。

我试图将ValueAxis设置为valueAxis.minZoomFactor = 0;但没有反应。老实说,我不知道从哪里开始,因为有太多的尝试可以尝试,直到数字变小时,缩放对我来说是没有意义的。

this.valueAxis = this.chart.yAxes.push(new am4charts.ValueAxis());
this.valueAxis.minZoomFactor = 0;
const seriesOneHigh = this.chart.series.push(new am4charts.LineSeries());
seriesOneHigh.dataFields.valueY = valueName;
seriesOneHigh.dataFields.dateX = 'date';
seriesOneHigh.strokeWidth = 2;
seriesOneHigh.name = name;
seriesOneHigh.yAxis = this.valueAxis;
seriesOneHigh.minBulletDistance = 10;
seriesOneHigh.tooltip.pointerOrientation = 'vertical';
seriesOneHigh.tooltip.background.cornerRadius = 20;
seriesOneHigh.tooltip.background.fillOpacity = 1;
seriesOneHigh.tooltip.label.padding(2, 10, 2, 10);
seriesOneHigh.tooltipText = '{name}: {valueY.formatNumber(\'#.00000000\')}';
this.chart.scrollbarY = new am4core.Scrollbar();
this.chart.scrollbarY.parent = this.chart.leftAxesContainer;
this.chart.scrollbarY.toBack();

谢谢!

Strange Chart zooming

0 个答案:

没有答案
相关问题