Как исправить проблему ответственности Google Chart на WordPress - PullRequest
Новая
       34

Как исправить проблему ответственности Google Chart на WordPress

0 голосов
/ 25 апреля 2019

Я создал некоторые данные в листах Google, нарисовал диаграмму и вставил их в свой пост в WordPress (iframe).Проблема в том, что диаграмма не реагирует.

Я пытался добавить тег div, но он не работал.Я также изменил ширину на 100%, и это тоже не сработало.Я нашел это решение: https://codepen.io/flopreynat/pen/BfLkA, но я не знаю, как это работает и как я могу использовать его в iframe!Это возможное решение, но я не знаю, как использовать его в моем случае! 

        google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart1);
    function drawChart1() {
      var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses'],
    ['2004',  1000,      400],
    ['2005',  1170,      460],
    ['2006',  660,       1120],
    ['2007',  1030,      540]
  ]);

  var options = {
    title: 'Company Performance',
    hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
 };

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

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart2);
function drawChart2() {
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', 'Expenses'],
    ['2013',  1000,      400],
    ['2014',  1170,      460],
    ['2015',  660,       1120],
    ['2016',  1030,      540]
  ]);

  var options = {
    title: 'Company Performance',
    hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
    vAxis: {minValue: 0}
  };

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

$(window).resize(function(){
  drawChart1();
  drawChart2();
});

Как мне сделать диаграмму отзывчивой?

...