Как динамически установить переменную диапазона дат и перерисовать диаграмму Google?

Хорошо, если я вас правильно понимаю, у вас возникли проблемы с пониманием и проектированием того, какие части этих действий относятся к серверной (PHP) и какие части относятся к клиентской (Javascript), а затем стратегии взаимодействия клиент-сервер. Это обычная скорость. Есть несколько способов справиться с этим.

Во-первых (и менее предпочтительно), вы можете создать форму и перезагрузить всю страницу с новым диапазоном дат:

// we're looking for '+1 year', '+3 months' or '+1 month'. if someone really
// wants to send another value here, it's not likely to be a security risk
// but know your own application and note that you might want to validate
$range = isset($_GET['range'])&&$_GET['range']?$_GET['range']:'+1 year';

$begin = new DateTime(date('Y-m-d', strtotime('+1 days')));
$end = new DateTime(date('Y-m-d', strtotime($range)));
// ... the rest of your code to build the chart.
?>
<form action="<?= $_SERVER['PHP_SELF']; ?>" method="get">
    <select name="range" size="1">
        <option value="+1 year">1 year</option>
        <option value="+3 months">3 months</option>
        <option value="+1 month">1 month</option>
    </select>
    <input type="submit" name="action" value="Redraw Chart">
</form>

... причина, по которой это менее предпочтительно, заключается в том, что она вызывает полное обновление страницы.

Если вы хотите избежать обновления всей страницы, вы делаете почти то же самое, но делаете это с помощью ajax. Настройка почти идентична, только пара небольших изменений:

// between building the data table and the javascript to build the chart...
$jsonTable = json_encode($table);
if (isset($_GET['ajax']) && $_GET['ajax']) {
    echo json_encode(array('table' => $table));
    exit;
}
// remainder of your code, then our new form from above
?>
<form id="redraw_chart_form" action="<?= $_SERVER['PHP_SELF']; ?>" data-ajaxaction="forecast.php" method="get">
    <? foreach ($_GET as $key => $val) { ?>
    <input type="hidden" name="<?= $key; ?>" value="<?= $val; ?>">
    <? } ?>
    <input type="hidden" name="ajax" id="redraw_chart_form_ajax" value="0">
    <select name="range" size="1">
        <option value="+1 year">1 year</option>
        <option value="+3 months">3 months</option>
        <option value="+1 month">1 month</option>
    </select>
    <input type="submit" name="action" value="Redraw Chart">
</form>
<script>
    // I'm assuming you've got jQuery installed, if not there are
    // endless tutorials on running your own ajax query
    $('#redraw_chart_form').submit(function(event) {
        event.preventDefault(); // this stops the form from processing normally
        $('#redraw_chart_form_ajax').val(1);
        $.ajax({
            url: $(this).attr('data-ajaxaction'),
            type: $(this).attr('method'),
            data: $(this).serialize(),
            complete: function() { $('#redraw_chart_form_ajax').val(0); },
            success: function(data) {
                // referring to the global table...
                table = data.table;
                drawChart();
            },
            error: function() {
                // left as an exercise for the reader, if ajax
                // fails, attempt to submit the form normally
                // with a full page refresh.
            }
        });
        return false; // if, for whatever reason, the preventDefault from above didn't prevent form processing, this will
    });
</script>

Изменить для ясности:

1. Не забудьте использовать следующий блок кода из первого примера (обновление страницы), иначе вы вообще не используете форму:

   $range = isset($_GET['range'])&&$_GET['range']?$_GET['range']:'+1 year';

   $begin = new DateTime(date('Y-m-d', strtotime('+1 days')));

   $end = new DateTime(date('Y-m-d', strtotime($range)));

2. Ajax будет работать только в том случае, если единственные данные, которые вы отправляете обратно, представляют собой блок, закодированный в формате json, что означает, что ваши данные для построения диаграммы должны быть в верхней части скрипта перед любыми Начнется вывод HTML, включая шаблон вашей страницы. Если вы не можете поместить код построения диаграммы в начало скрипта, тогда вам придется добавить его в отдельный скрипт, который всего лишь вычисляет данные для диаграммы, а затем вы можете заставить его возвращать ajax без всего остального HTML на странице. Если вы не можете сделать ни одну из этих вещей, вам просто нужно отключить бит Ajax и обновить всю страницу.

Редактировать 2: я добавил атрибут data-ajaxaction к элементу <form>, это определяемый пользователем атрибут, который я создал, чтобы обеспечить другое действие только для ajax. Я также изменил вызов $.ajax(), чтобы использовать этот атрибут, а не атрибут action.