Percentage Column Chart
Info - How to setup Vizzu
In HTML
, create a placeholder element that will contain the rendered
chart.
| <html> |
| <body> |
| <div id="myVizzu"> |
| </div> |
| </body> |
| </html> |
In JavaScript
, initialize and configure the chart:
| import Vizzu from 'https://cdn.jsdelivr.net/npm/vizzu@0.10/dist/vizzu.min.js' |
| import { |
| data_6 |
| } from 'https://lib.vizzuhq.com/0.10/assets/data/chart_types_eu.js' |
| |
| let chart = new Vizzu('myVizzu') |
| |
| chart.initializing |
| |
| chart.animate({ |
| data_6 |
| }) |
| chart.animate({ |
| config: Vizzu.presets.percentageColumn({ |
| "x": "Country", |
| "y": "Value 2 (+)", |
| "stackedBy": "Joy factors", |
| "title": "Percentage Column Chart" |
| }) |
| }); |