Span chart - Multiple level span chart with categorical data

Multiple level span chart with categorical data

JavaScript
chart= new FacetChart({
    "series": [
        {
            "name": "",
            "data": {
                "field": "offset"
            },
            "stack": "default",
            "style": {
                "fillColor": "transparent"
            },
            "type": "columns"
        },
        {
            "name": "Data",
            "data": {
                "field": "value"
            },
            "stack": "default",
            "style": {
                "fillColor": "#2fc32f"
            },
            "type": "columns"
        }
    ],
    "style": [],
    "container": "demo",
    "data": [
        {
            "url": "\/data\/span-categorical-multilevel.json"
        }
    ],
    "toolbar": {
        "fullscreen": true,
        "enabled": true
    },
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})
Open in JSFiddle
HTML
    <script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
    <div id="demo"></div>
                
Data