html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() { var data = [{"monthno":3,"monthname":"Mar","outstanding_wos":1,"closed_wos":0},{"monthno":6,"monthname":"Jun","outstanding_wos":3,"closed_wos":0}];var set = anychart.data.set(data);var mapping1 = set.mapAs({x: "monthno",value: "closed_wos"});var mapping2 = set.mapAs({x: "monthno",value: "outstanding_wos"});var chart = anychart.column3d(); var series1 = chart.column(mapping1); var series2 = chart.column(mapping2);chart.background().fill({ src: "https://static.anychart.com/images/underwater.jpg", mode: "stretch" }); chart.labels(true);chart.labels().fontColor("#FFD700");var labels = chart.xAxis().labels();chart.xAxis().labels().fontColor("#fff");chart.xAxis().labels().fontWeight(900);labels.fontSize(10);var labely = chart.yAxis().labels();chart.yAxis().labels().fontColor("white");chart.yAxis().labels().fontWeight(900);labely.fontSize(10);var title = chart.title();title.enabled(true);title.text("Work Order Analys Year :2020* All Locations"); title.fontColor("#FFD700");title.fontWeight(900);

​

                                     series1.name('closed_wos');

                                     series2.name('outstanding_wos');

                                     chart.legend(true);

                                     chart.container("container");chart.draw();});