Google bar chart margin between axis and first colum -


how increase space between axis , first column in material bar charts ? tried many things

options.chartarea = { left: '8%', top: '8%', width: "70%", height: "70%" };  

it not working.

there isn't option adjust space reference

would have insert blank row

adjusting chartarea move axis , first column,
still in same proximity each other

in addition, chartarea option doesn't work on material chart
along several others

see following working snippet

a blank row used create space,
can see difference chartarea.left makes on core chart,
mentioned, axis still in close proximity without blank row

there option -- theme: 'material' -- core charts

google.charts.load('current', {    callback: function () {      var data = google.visualization.arraytodatatable([        ['id', 'col a'],        [' ', null],        ['1000', 4],        ['1001', 4],        ['1002', 6]      ]);        var options = {        chartarea: {          left: 140        },        height: 400,        vaxes: {          0: {            format: 'currency',            title: 'labor cost per invoice'          }        },        width: 600      };        var chart = new google.charts.bar(document.getelementbyid('chart_div'));      chart.draw(data, google.charts.bar.convertoptions(options));        options.theme = 'material';      var chart1 = new google.visualization.columnchart(document.getelementbyid('chart_div1'));      chart1.draw(data, options);    },    packages:['bar', 'corechart']  });
<script src="https://www.gstatic.com/charts/loader.js"></script>  <div>material chart</div>  <div id="chart_div"></div>  <div>core chart</div>  <div id="chart_div1"></div>


Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -