Я слежу за вашими документами по адресу: https://www.amcharts.com/docs/v3/reference/amgraph/#type_property и https://www.amcharts.com/docs/v4/chart-types/xy-chart/#Smoothed_lines, чтобы правильно получить «сглаженную линейную диаграмму», но кажется, что что-то не так внутри библиотеки так как он портит кривые и выглядит очень плохо.
Код по адресу: https://jsfiddle.net/dyqmgnpo/1/
const data = [{"x":"2020-04-06 15:00","y":"31.43"},...,{"x":"2020-05-06 15:00","y":"18.25"}]
const chart = AmCharts.makeChart('chartdiv', {
type: 'serial',
theme: 'light',
dataProvider: data,
graphs: [
{
id: 'g1',
type: 'smoothedLine',
balloonText: '[[y]]',
bullet: 'round',
bulletBorderAlpha: 1,
bulletColor: '#FFFFFF',
hideBulletsCount: 50,
lineThickness: 3,
valueField: 'y',
useLineColorForBulletBorder: true,
balloon: {
drop: true
}
}
],
dataDateFormat: 'YYYY-MM-DD HH:NN',
decimalSeparator: ',',
categoryField: 'x',
categoryAxis: {
parseDates: true,
minorGridEnabled: true
},
chartScrollbar: {
autoGridCount: true,
graph: 'g1'
},
chartCursor: {
enabled: true,
limitToGraph: 'g1'
}
});
Что здесь происходит?
Опубликован по адресу: https://github.com/amcharts/amcharts3/issues/252
ПРИМЕЧАНИЕ. Я использую amCharts v3