Change attribute in Jquery

Question

Change attribute in Jquery

Navigation

#1 by (0 votes)

1

I wanted to know if you can modify the attributes of a charts of Google with a Jquery. Example:

google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'teste',
      pieHole: 0.4,
    };

    var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
    chart.draw(data, options);
  }

  $(window).resize(function() {
    if( $(window).width() < 500){

      Alterar aqui!!!!
  }

  });

I wanted to change title there in var options for example.

jquery google-charts

asked by anonymous 06.05.2015 / 20:59

1 answer

Problems with accentuation in .load Best way to treat string in nodejs

score 0 · Answer 1

To make the graph responsive you should call the function resizeCharts() within the function drawChart() .

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'teste',
      pieHole: 0.4,
    };

    var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
    chart.draw(data, options);

    function resizeCharts() {
      // redraw charts, dashboards, etc here
      chart.draw(data, options);
    }

    $(window).resize(resizeCharts);
}