CODEWITHSUNDEEP
highchartsangular2-highchartsarea-chart
dota2pro
dota2pro

Reputation: 7856

Ending Series points don't show up on highchart area type chart for large series data

Here is the Stackblitz Demo of the issue

Preview link (for better visibility): https://highcharts-angular-stock-a1hvg5.stackblitz.io/

Issue is : The last plot that is visible on the right most edge of the chart is of 12/27/2021 enter image description here

This is wrong as the the series data is available till 12/30/2021 and that should be visible on the right most edge instead of 12/27/2021. It however works when we zoom in slider to 1 year periodenter image description here

How can I make the original chart also display data till 12/30/2021 (series maximum)?

Upvotes: 0

Views: 83

Answers (1)

ppotaczek
ppotaczek

Reputation: 39099

This behaviour is caused by the data-gropuing feature. You can disable the feature:

"plotOptions": {
    "area": {
        ...,
        dataGrouping: {
            enabled: false
        }
    }
}

or control anchor behaviour:

"plotOptions": {
    "area": {
        ...,
        dataGrouping: {
            anchor: 'end',
            lastAnchor: 'end'
        }
    }
}

Live demo: https://stackblitz.com/edit/highcharts-angular-stock-mpcl1d

API Reference: https://api.highcharts.com/highstock/series.line.dataGrouping

Docs: https://www.highcharts.com/docs/stock/data-grouping

Upvotes: 1

Related Questions