All docs
V19.1
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
A newer version of this page is available. Switch to the current version.

DevExtreme jQuery - Skip Weekends and Holidays

If your dataset excludes non-working days, you can skip them on the axis as well by setting the workdaysOnly option to true. Use the workWeek array to specify which days are workdays. You can also include or exclude specific dates from the axis using the singleWorkdays and holidays arrays respectively.

jQuery
JavaScript
$(function() {
    $("#chartContainer").dxChart({
        // ...
        argumentAxis: {
            workdaysOnly: true,
            workWeek: [0, 1, 2, 3, 4, 5],
            holidays: ["2017/1/16", "2017/2/20", "2017/5/29"]
            singleWorkdays: ["2017/1/1"]
        }
    });
});
Angular
HTML
TypeScript
<dx-chart ... >
    <dxo-argument-axis
        [workdaysOnly]="true"
        [workWeek]="[0, 1, 2, 3, 4, 5]"
        [holidays]="['2017/1/16', '2017/2/20', '2017/5/29']"
        [singleWorkdays]="['2017/1/1']">
    </dxo-argument-axis>
</dx-chart>
import { DxChartModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxChartModule
    ],
    // ...
})
NOTE
This feature is available for the argument axis only.