CODEWITHSUNDEEP
javascriptc#chartshighcharts
pat
pat

Reputation: 113

Remove weekends from highcharts

Is it possible to remove certain days in highcharts? I have a chart that only get data intervals from Monday to Friday. The problem Is that Saturday and Sunday is auto added to the graph even when there is no data for these days. I cant find anything that helps on api.highcharts.com they usually have solutions to all graph related problems but I cant seem to find anything about my problem. It's probably some easy option in the chart but I cant find anything that works. enter image description here

Upvotes: 2

Views: 2310

Answers (1)

ewolden
ewolden

Reputation: 5803

You have two options, use highcharts and breaks.

An array defining breaks in the axis, the sections defined will be left out and all the points shifted closer to each other. Requires that the broken-axis.js module is loaded.

It would look something like this, in a datetime axis:

xAxis: {
  tickInterval: 1,
  breaks: [{
    from: 1537567200000,
    to: 1537740000000,
    breakSize: 1
  }]
}

Working example: http://jsfiddle.net/ewolden/L3ykegzq/

Or switch to highstock where you can have an ordinal axis (ordinal is used by default):

In an ordinal axis, the points are equally spaced in the chart regardless of the actual time or x distance between them. This means that missing data periods (e.g. nights or weekends for a stock chart) will not take up space in the chart. Having ordinal: false will show any gaps created by the gapSize setting proportionate to their duration.

Working example: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/xaxis/ordinal-true/

Upvotes: 1

Related Questions