import "billboard.js/dist/theme/insight.css";
import bb from "billboard.js";

var chart = bb.generate({
        data: {
            xs: {"Sep": "x1", "Aug": "x2" },
            types: {"Sep": "bar", "Aug": "bar" },
            columns: [
                      ["x1", "05"],
					            ["Sep", 1],
					            ["x2", "01", "08", "29"],
					            ["Aug", 1, 1, 1]
                     ]
        },
        axis: {
            x: {
                tick: {
                    values: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"],
                    format: function (x) {
                        return x;
                    },
                    culling: false
                }
            },
            y: {
                label: {
                    text: "y label",
                    position: "outer-top"

                },
                tick: {
                    format: function (x) { return x }
                }
            },
        },
        tooltip: {
            format: {
                value: function (x) {
                    return x;
                }
            },
        },
        grid: {
            y: {
                show: true
            }
        },

  bindto: "#multipleXYLineChart"
});