AnsweredAssumed Answered

Webviewer - Google ComboGraph - blank

Question asked by pvhaute on Oct 1, 2016
Latest reply on Oct 2, 2016 by user19752

Hi,

Thanks to you people i got my gauge-chart to work (see post: Webviewer - Google Graph - blank).

 

You will not believe it, but now i have an issue with a simple ComboChart (bar+line) ...

same story: webviewer loads something, but then returns a blank viewer ... pasting the below html in a code editor however shows the graph correctly (webbrowser: Firefox 45.4.0).

 

Can again somebody help me out?

 

"data:text/html," & "

<!DOCTYPE html><html>

<head><meta http-equiv=\"x-ua-compatible\" content=\"IE=11\">

  <script type=\"text/javascript\" src=\"https://www.gstatic.com/charts/loader.js\"></script>

  <script type=\"text/javascript\">

 

    google.charts.load('current', {'packages':['corechart']});

    google.charts.setOnLoadCallback(drawChart);

 

function drawChart() {

   var data = google.visualization.arrayToDataTable([

      ['Quarter', 'Won', 'Commit', 'Upside', 'Target'],

      ['FY17Q1',  0.9,      0.39, 0.1,1],

      ['FY17Q2',  1,      0.4,0,1],

      ['FY17Q3',  1.17,      0.44,0.2,1],

      ['FY17Q4',  1.25,       0.48,0.05,1]

      ]);

 

   var options = {

      title: 'Pipeline spread (m$)',

      seriesType: 'bars',

      isStacked:true,     

      series: {3: {type: 'line'}}

   }; 

 

   var chart = new google.visualization.ComboChart(document.getElementById('combo_div'));

   chart.draw(data, options);

}

  </script>

</head>

<body>

  <div id=\"combo_div\" style=\"width:240px; height:140px;\"></div>

</body>

</html>"

 

Outcomes