Javascript 向折线图添加填充-在任意图表中添加数据以正确显示线条

我使用ANYCHARTS中的折线图库来显示一些动态数据（从csv文件获取的数据）。 当数据为100%时，我面临一些问题。该行显示不正确。我尝试向折线图配置添加填充，但它向整个图表添加填充，而不仅仅是给数据行添加填充。 我希望有人能在这方面帮助我。

如果有帮助，下面是代码

anychart.onDocumentReady(function() {
var dataSet = anychart.data.set(AnyData);
var Q6_Trend_AnyChart = anychart.line();
Q6_Trend_AnyChart.animation(true);
Q6_Trend_AnyChart.padding([15, 20, 5, 20]);
Q6_Trend_AnyChart.title();
Q6_Trend_AnyChart.yScale().minimum(0);
Q6_Trend_AnyChart.yScale().maximum(100);
Q6_Trend_AnyChart.contextMenu().itemsFormatter(function(items) {
// Disable save as image option
// delete about and separator 
delete items["full-screen-separator"];
delete items["about"];
delete items["anychart-credits"];
delete items["share-with"];
delete items["select-marquee-start"];
// return modified array
return items;
});
var seriesData_1 = dataSet.mapAs({'x': 0, 'value': 1});
var series_1 = Q6_Trend_AnyChart.line(seriesData_1);
series_1.name('');
series_1.hovered().markers()
.enabled(true)
.type('circle')
.size(4);
series_1.tooltip()
.position('right')
.anchor('left-center')
.offsetX(5)
.offsetY(5);
series_1.stroke("3 white");
Q6_Trend_AnyChart.tooltip().format("\nPercent:{%Value}%");
Q6_Trend_AnyChart.background().fill("transparent");
var labelsx = Q6_Trend_AnyChart.yAxis().labels();
labelsx.fontSize(12);
labelsx.fontColor("#fff");
labelsx.useHtml(true);
labelsx.fontWeight(600);
var labels = Q6_Trend_AnyChart.xAxis().labels();
labels.enabled(false);
series_1.markers(true);
Q6_Trend_AnyChart.legend()
.enabled(false)
.fontSize(13)
.padding([0, 0, 10, 0]);
// set container id for the chart
Q6_Trend_AnyChart.container(id);
// initiate chart drawing
Q6_Trend_AnyChart.draw();
});
}

如果我在给定的代码中将顶部填充从15px增加到45px，结果会是这样；但这条线仍然没有完美地显示出来

---

最大刻度表示数据图的上边缘。当yScale最大值自动计算时，图表会添加一个间隙作为默认值。这样可以避免这个问题。 但是，如果手动应用yScale最大值，则会删除默认间隙。 在这种情况下，要添加一些间隙，应增加“比例最大值”。此外，您还可以手动定义所需的刻度。有关详细信息，请查看