1 Reply Latest reply on Oct 2, 2016 4:28 AM by user19752

    Webviewer - Google ComboGraph - blank

    pvhaute

      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>"