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
The page you are viewing does not exist in version 17.2.
A newer version of this page is available. Switch to the current version.

DevExtreme jQuery - PHP Service

DevExtreme provides the DevExtreme-PHP-Data extension that implements data processing on a PHP server according to the protocol the Chart uses. To access the server from the client, configure the CustomStore as described in the Custom Sources article or use the createStore method. This method is a part of the DevExtreme.AspNet.Data extension. The following code shows how to use this method.

jQuery
JavaScript
$(function() {
    var serviceUrl = "http://url/to/my/service.php";
    $("#chartContainer").dxChart({
        dataSource: DevExpress.data.AspNet.createStore({
            key: "ID",
            loadUrl: serviceUrl
        }),
        // ...
    })
});
Angular
TypeScript
HTML
import { DxChartModule } from "devextreme-angular";
import CustomStore from "devextreme/data/custom_store";
import { createStore } from "devextreme-aspnet-data-nojquery";
// ...
export class AppComponent {
    store: CustomStore;
    constructor() {
        let serviceUrl = "http://url/to/my/service.php";
        this.store = createStore({
            key: "ID",
            loadUrl: serviceUrl
        })
    }
}
@NgModule({
    imports: [
        // ...
        DxChartModule
    ],
    // ...
})
<dx-chart ...
    [dataSource]="store">
</dx-chart>