Я использую линейную диаграмму angular2-highchart в приложении Angular 6, которая отображает активных пользователей по дате на графике.
![enter image description here](https://i.stack.imgur.com/oCM3p.png)
Это довольно просто, но у меня проблема с осью Y.Значения справа полностью отличаются от фактических значений, показанных в строке.
chart: {
redraw: false,
zoomType: this.rangeEnabled ? 'x' : null,
type: 'spline',
alignTicks: false
},
title: {
text: this.title
},
plotOptions: {
spline: {
marker: {
symbol: 'circle'
}
},
series: {
compare: this.showByPercent ? 'percent' : 'value'
}
},
yAxis: {
// minRange: 3600 * 1000 // one hour
},
xAxis: {
// min: 0,
minRange: 1,
allowDecimals: false
// ceiling: 100
},
rangeSelector: {
enabled: this.rangeEnabled,
// selected: 2,
allButtonsEnabled: true,
buttons: [
{
type: 'week',
count: 1,
text: '1w'
},
{
type: 'month',
count: 1,
text: '1m'
},
{
type: 'month',
count: 3,
text: '3m'
},
{
type: 'year',
count: 1,
text: '1y'
},
{
type: 'all',
text: 'All'
}
]
},
navigator: {
enabled: this.navigatorEnabled,
adaptToUpdatedData: false
},
scrollbar: {
enabled: this.navigatorEnabled,
scrollbar: {
liveRedraw: false
}
},
tooltip: {
shared: true,
split: false,
xDateFormat: this.preciseTooltipDate ? undefined : '%A, %b %e, %Y'
},
legend: {
enabled: this.legendEnabled,
title: { text: 'Filters' },
// layout: 'vertical',
// align: 'bottom',
// verticalAlign: 'middle',
useHTML: true,
floating: false
},
exporting: {
// allowHTML: true,
buttons: {
contextButton: {
enabled: this.download,
symbol: 'download'
}
}
},
series: series
А переменная series - это просто массив данных, который отформатирован так:
[date:number, value:number]
.
Странная вещь в том, что с некоторыми наборами данных это не так уж далеко от ожидаемого значения, а с другими это совершенно неправильно.