Search Results: "Enter your URL" "Advanced" "Short URL Bookmarklet" cima
- All Results 744
- Guides 308
- Reference 436
- Technical Demos
- Support Center
Overview
. View Demo The Funnel can visualize data from any source. Refer to the following topics for details on how to bind the Funnel to your data source: Simple Array JSON Data OData Service Custom Sources You can also check if a pyramid chart is more suitable for your needs: Pyramid Chart After that, give the UI component a distinctive look and make it more informative
Customize Item Appearance
items are supplied with icons. jQuery JavaScriptHTML var menuItems = [{ text: 'Upload', icon: 'upload', items: [ { text: 'From your computer' }, { text: 'From a cloud service... 'devextreme-angular'; // ... export class AppComponent { menuItems = [{ text: 'Upload', icon: 'upload', items: [ { text: 'From your computer' }, { text: 'From
Customize the Content
" src="https://url/to/an/image" /> <div id="popoverContainer"></div>$(function() { $("#popoverContainer").dxPopover({ target: "#image", showEvent: 'dxhoverstart...://url/to/an/image" /> <dx-popover target="#image" showEvent="dxhoverstart" contentTemplate="popoverContent"> <div *dxTemplate="let data of 'popoverContent'"> <
Customize the Content
}) ) } }); }); <img id="image" src="https://url/to/an/image" /> <div id="tooltipContainer"></div> Angular HTMLTypeScript <img id="image" src="https://url/to/an/image" /> <dx-tooltip target="#image" showEvent="dxhoverstart" contentTemplate="tooltipContent"> <div *dxTemplate="let data of 'tooltipContent'"> <
Gantt Elements
() { $("#gantt").dxGantt({ tasks: { dataSource: tasks }, // your code }); }); var tasks = [{ 'id': 1, 'parentId': 0, 'title': 'Software Development', 'start': new Date('2019-02-21T05:00:00.000Z'), 'end': new Date('2019-07-04T12:00:00.000Z'), 'progress': 31 }, // your code ]; If the data source's field names differ from the standard field names