Account - Balance
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.
Account - Balance
Income - Expense
Total Expenses
Jun 1 - Dec 1
| Mortgage / Rent | 6000 | 15.83% | |
| Food | 4838 | 12.76% | |
| Utilities | 4160 | 10.98% | |
| Bills | 3960 | 10.45% | |
| Shopping | 3375 | 8.90% | |
| Transportation | 3216 | 8.48% | |
| Insurance | 2890 | 7.62% | |
| Health Care | 2480 | 6.54% | |
| Clothing | 2210 | 5.83% | |
| Others | 2080 | 5.49% |
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.