This sample shows how to host an element of HTML within a node. The expense tracker application can be created using chart and grid components.
Total Expenses
Jun 1 - Dec 1
| Mortgage / Rent | 6000 | 15.76% | |
| Food | 4866 | 12.79% | |
| Utilities | 4160 | 10.93% | |
| Bills | 3960 | 10.40% | |
| Shopping | 3375 | 8.87% | |
| Transportation | 3230 | 8.49% | |
| Insurance | 2890 | 7.59% | |
| Health Care | 2480 | 6.52% | |
| Clothing | 2255 | 5.92% | |
| Others | 4844 | 12.73% |
Account - Balance
Income - Expense
This example illustrates how an HTML control is hosted inside a node. By setting HTML to the type property of the shape, the template node can be enabled. You can define the content to be hosted by using NodeTemplate.