Добавление отступа к линейному графику - данные в любом графике для правильного отображения линии - PullRequest
0 голосов
/ 26 сентября 2019

Я использую библиотеку линейных диаграмм из 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();
});
}

, если я увеличу верхний отступ с 15 до 45 пикселей в данном коде, это приведет кэто;но все же строка не отображается идеально

введите описание изображения здесь

1 Ответ

0 голосов
/ 27 сентября 2019

Шкала max означает верхний край графика данных.Когда максимум yScale рассчитывается автоматически, по умолчанию добавляется пробел.Это позволяет избежать этой проблемы.Но разрыв по умолчанию удаляется, если максимум yScale применяется вручную.В этом случае, чтобы добавить пробел, вы должны увеличить максимальное значение шкалы.Кроме того, вы можете определить необходимые тики вручную.Для получения подробной информации, проверьте образец .

...