Horizontal bar chart
HTML
HTML
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>
<div id="demo"></div>
CSS
CSS
//No CSS for this example
JavaScript
JavaScript
let chart= new FacetChart({
"series": [
{
"name": "GDP by industry, $",
"data": {
"aggregation": "sum"
},
"style": {
"fillGradientMode":"horizontal",
"fillGradient" : [[0,"#2278FB"], [1, "#6BDFDB"]]
}
}
],
"container": "demo",
"data": [
{
"url": "/dvsl/data/extra/us-economy.json"
}
],
"toolbar": {
"fullscreen": true,
"enabled": true
},
"theme" : ZoomCharts.FacetChart.themes.horizontal,
"interaction": {
"resizing": {
"enabled": false
}
}
})
Data
Data
//No separate data for this example