React Funnel - Array Only

To bind the Funnel to an array, pass this array to the dataSource property. The array should contain objects.

App.js
  • import Funnel from 'devextreme-react/funnel';
  •  
  • const fruits = [
  • { fruit: 'Apples', count: 10 },
  • { fruit: 'Oranges', count: 12 },
  • { fruit: 'Lemons', count: 15 },
  • { fruit: 'Pears', count: 20 },
  • { fruit: 'Pineapples', count: 3 }
  • ];
  •  
  • export default function App() {
  • return (
  • <Funnel
  • dataSource={fruits}
  • argumentField="fruit"
  • valueField="count"
  • />
  • );
  • }
See Also