Supprimer le rembourrage ou les marges de Google Charts

Question

// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {

  // Create the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Topping');
  data.addColumn('number', 'Slices');

  var myData = {
    'Mushrooms': 3,
    'Onions': 1,
    'Olives': 1,
    'Zucchini': 1,
    'Pepperoni': 2
  };

  var rows = [];
  for (element in myData) {
      rows.push([element + " (" + myData[element] + ")", myData[element]])
  }
  data.addRows(rows);

  // Set chart options
  var options = {'title':'How Much Pizza I Ate Last Night',
                 'width':450,
                 'height':300};

  // Instantiate and draw our chart, passing in some options.
  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<div id="chart_div"></div>

Exemple de violon

Comment supprimer le rembourrage ou les marges dans cet exemple ?

Answer 1

Il y a cette possibilité comme Aman Virk l'a mentionné :

var options = {
    chartArea:{left:10,top:20,width:"100%",height:"100%"}
};

Mais gardez à l'esprit que le padding et la marge ne sont pas là pour vous gêner. Si vous avez la possibilité de passer d'un type de graphique à un autre, comme un ColumnChart et un graphique à colonnes verticales, vous avez besoin d'une marge pour afficher les étiquettes de ces lignes.

Si vous supprimez cette marge, vous finirez par ne montrer qu'une partie des étiquettes ou pas d'étiquettes du tout.

Ainsi, si vous n'avez qu'un seul type de graphique, vous pouvez modifier la marge et le remplissage comme l'a dit Arman. Mais s'il est possible de les changer, ne les modifiez pas.