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
Post a Comment