Charts - Render Options #14
Description
The page should visualize the information (PRODUCTS Table) using two patterns:
- Template view using the
JSON.parse('{{ products | safe }}') - JS + API Usage
The page will have two rows:
1st ROW, template view where:
50%BAR Chart rendered on DIV with IDproducts-bar-chart50%PIE Chart rendered on DIV with IDproducts-pie-chart
2nd ROW, API view where:
50%BAR Chart rendered on DIV with IDproducts-bar-chart-api50%PIE Chart rendered on DIV with IDproducts-pie-chart-api
NOTE: JS code needs to be saved in the charts.html SCRIPT tag.
In the end, the layout should be like this:
