Vue Funnel - JSON Data

To bind the Funnel to data in a JSON format, assign the data's URL to the dataSource property.

App.js


import Funnel from 'devextreme-react/funnel';
 
export default function App() {
    return (
        <Funnel dataSource="http://www.example.com/dataservices/data.json">
            {/* ... */}
        </Funnel>
    );
}

Note that you can also use a JSONP callback parameter.

App.js


import Funnel from 'devextreme-react/funnel';
 
export default function App() {
    return (
        <Funnel dataSource="http://www.example.com/dataservices/jsonpdata?callback=?">
            {/* ... */}
        </Funnel>
    );
}

If you need to process data after obtaining it, implement the CustomStore. For details, see the Custom Sources topic.

Vue Funnel - JSON Data

See Also