Google charts слишком широкие на экране телефона

На своем Wordpress-сайте я показываю 2 диаграммы при помощи Google Charts и, к сожалению, на экране мобильных устройств они шире, чем ширина экрана:

Вот мой актуальный HTML-код:

<H2 ALIGN="center">Статистика результатов</H2>
<DIV ID="pieChart" CLASS="gchart"><IMG SRC="/words/images/loader.gif" WIDTH="60" HEIGHT="60"></DIV>
<H2 ALIGN="center">Статистика слов</H2>
<DIV ID="barChart" CLASS="gchart"><IMG SRC="/words/images/loader.gif" WIDTH="60" HEIGHT="60"></DIV>

Вот мой актуальный CSS-код:

div.gchart {
        width: 590px;
        height: 360px;
        margin: auto;
}

Видимо в моем CSS-коде и причина, так как я просто устанавливаю ширину обоих графиков в 590 пикселей.

Как решают такие проблемы? Хотелось бы, чтобы на экранов телефонов ширина графиков была бы 100% вместо 590 пикселей.

ОБНОВЛЕНИЕ:

Вот еще мой JavaScript-код, как его подправить? Видимо width: 590 надо убирать?

function drawResults() {
        jQuery.ajax({
                url: '/words/results.php',
                data: { uid: <?= $uid ?> },
                dataType: 'json'
        }).done(function(jsonData) {
                var dt = new google.visualization.DataTable(jsonData);
                var options = {
                        width: 590,
                        height: 360,
                        pieHole: 0.2,
                        pieSliceText: 'none',
                        tooltip: { trigger: 'none' },
                        legend: { position: 'left', alignment: 'center', maxLines: 2 }
                };
                var chart = new google.visualization.PieChart(document.getElementById('pieChart'));
                chart.draw(dt, options);
        });
}