I have multiple pie charts that are in a table. How can i remove the space between them?

I tried a lot if different options (making the div element smaller, this: https://stackoverflow.com/questions/9661456/remove-padding-or-margins-from-google-charts), but nothing worked.

This is my code: JS

function drawPieCharts(countChoices, name) {
        var rows = [];
        for (var property in countChoices) {
            if (countChoices.hasOwnProperty(property)) {
                rows.push([property, countChoices[property]]);

        var datatable = new google.visualization.DataTable();
        datatable.addColumn('string', 'Type');
        datatable.addColumn('number', 'Quantity');
        var options = {
            title: String(name),
            is3D: 'true',
        var chart = new google.visualization.PieChart(document.getElementById(String(name)));
        chart.draw(datatable, options);

and the html code

    <!--Table and divs that hold the charts-->
    <table width="50%">
        <td><div id="1" style="width:700px;height:500px;"></div></td>
        <td><div id="2" style="width:700px;height:500px;"></div></td>
        <td><div id="3" style="width:700px;height:500px;"></div></td>
        <td><div id="4" style="width:700px;height:500px;"></div></td>
        <td><div id="5" style="width:700px;height:500px;"></div></td>
        <td><div id="6" style="width:700px;height:500px;"></div></td>
        <td><div id="7" style="width:1000px;height:500px;"></div></td>

put on hold as off-topic by Gautam Sheth, MHeld, Christoffer, Robert Lindgren, Mohamed El-Qassas MVP Oct 11 at 22:15

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Programming questions not specific to SharePoint are off-topic here, but can be asked on Stack Overflow." – Gautam Sheth, MHeld, Christoffer, Robert Lindgren, Mohamed El-Qassas MVP
If this question can be reworded to fit the rules in the help center, please edit the question.

Browse other questions tagged or ask your own question.