Динамическое изменение размеров гистограмм с помощью Google-графика

Question

Это просто быстро, но я не могу найти то, что мне нужно, чтобы понять это.любая помощь приветствуется.

На игровой площадке Google Graphs примерно на полпути (я думаю, что строка 48) есть переменная ширины.Кажется, он установлен как пиксель по умолчанию.

Есть ли способ установить его как динамический, чтобы ширина растягивалась на всю длину страницы?найти полную ширину страницы с помощью jscript и затем передать ее в поле ширины?

Answer 1

Я не думаю, что вы сможете изменить ширину или высоту диаграммы после ее рендеринга, поскольку она использует iFrame, к которому у вас не будет доступа, хотя вы могли бы перерисовать диаграмму, если страница ширина / высота меняется.

Ниже приведен код, который я использую для создания диаграммы на основе ее ширины и / или высоты div.

Пользователи этой функции Jquery.com * ширина 1006 * () / высота ()

<code><pre>
// Draws Google Chart inside a pre-existing chart_id 
render_chart = function(chart_id, chartType, data, options) {
    // Create and populate the data table.
    var gData = google.visualization.arrayToDataTable(data);

    // Special full width over-ride flag
    if(options.width == '*') {
        // Set chart width to it's containing Div's width';
        options.width = $('#'+chart_id).width();
        // Set height equal to width
        if(options.height == 'width') options.height = options.width;
    }

    // Special full height over-ride flag
    if(options.height == '*') {
        // Set chart height to it's containing Div's width';
        options.height = $('#'+chart_id).height();
        // Set width equal to height
        if(options.width == 'height') options.width = options.height;
    }

    // Create and draw the visualization.
    new google.visualization[chartType](document.getElementById(chart_id)).draw(gData, options);
}

Answer 2

Вы должны прочитать ширину страницы и динамически генерировать значение ширины. Graph API довольно умопомрачительный (но потрясающий) и просто делает то, что ему было сказано.