JavaScript Can we change the background of google bar charts? change background google docs,change background google slides,change background

I am working on google bar charts but I am not able to change the background color of google barcharts. Here is my code:

<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart', 'bar']});
google.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'category');
      data.addColumn('number', 'points');
      data.addColumn({type: 'string', role: 'style'});
      data.addColumn({type: 'string', role: 'annotation'});
      //data.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
      data.addRows([
     ['Element', 'Density', { role: 'style' }],
     ['Copper', 8.94, '#b87333'],            // RGB value
     ['Silver', 10.49, 'silver'],            // English color name
     ['Gold', 19.30, 'gold'],
     ['Platinum', 21.45, 'color: #e5e4e2' ], // CSS-style declaration
  ]);
      var options = {
        title: 'Results',
         width: 700,
         height: 250,
        bar: {groupWidth: "40%"},
        hAxis: {
          title: 'Points',
          minValue: 0,
          maxValue:6,
          backgroundColor: 'none'
        },
        vAxis: {
          title: 'categories'
        }
      };

      var chart = new google.visualization.BarChart(document.getElementById('<?php echo $singleChartDivId; ?>'));

      chart.draw(data, options);
    }
  </script>

And result here is the link: http://prntscr.com/8nxsk7
But I want this type: http://prntscr.com/8nxts7

Answer:1

Table doesn't cover all div, but i give a width in 100% $("#astana").click(function(){ $(".t2").toggle(500); }); /*---tables---*/ .wrapper { margin: 0 auto; max-width: 800px; } ...

Table doesn't cover all div, but i give a width in 100% $("#astana").click(function(){ $(".t2").toggle(500); }); /*---tables---*/ .wrapper { margin: 0 auto; max-width: 800px; } ...

I am building my own type of Chrome dev tools (inspect element) which will also be in the form of a Chrome extension using JavaScript. I would like it to have some similar functionality to Chromes dev ...

I am building my own type of Chrome dev tools (inspect element) which will also be in the form of a Chrome extension using JavaScript. I would like it to have some similar functionality to Chromes dev ...

I have this line as a part from uml doc. <children xmi:type="corstr:heighj" uml:name="private" x="255" y="188" width="221" height="51"/> I need the values for x,y width and height * I tried ...

I have this line as a part from uml doc. <children xmi:type="corstr:heighj" uml:name="private" x="255" y="188" width="221" height="51"/> I need the values for x,y width and height * I tried ...

  1. file attributes from command line
  2. modify attributes from command line

const express = require('express'); const app = express(); app.use('/app', express.static(path.resolve(__dirname, './app'), { maxage: '600s' })) app.listen(9292, function(err){ if (err) ...

const express = require('express'); const app = express(); app.use('/app', express.static(path.resolve(__dirname, './app'), { maxage: '600s' })) app.listen(9292, function(err){ if (err) ...

  1. mvc ignore static files
  2. nginx ignore static files
  3. mvc route ignore static files