title: Highcharts with puppeteer
body: <p>This below code executes fine but renders a PDF with no series displayed in pdf. Rest all components of a report is displayed in PDF . Please add comments to help the same. </p>
  
  <p>Highcharts and puppeteer. without highchart export server.</p>
  
  <pre><code>/**
   * This file creates a highchart, 
   * no html page is required.  The html is crafted
   * within this script.
   */
  const puppeteer = require('puppeteer')
  const fs = require('fs')
  
  async function run() {
  
     const browser = await puppeteer.launch({
          headless: true
      })
      // const browser = await puppeteer.launch({
      //     headless: false,
      //     slowMo: 2000,
      //     devtools: true
      // })
  
     const page = await browser.newPage()
  
     const loaded = page.waitForNavigation({
          waitUntil: 'load'
      })
  
     const html = 
  
      `&lt;!DOCTYPE html&gt;
          &lt;html lang="en"&gt;
              &lt;head&gt;
                  &lt;meta charset="UTF-8"&gt;
                  &lt;title&gt;Highcharts Test 4&lt;/title&gt;
              &lt;/head&gt;
              &lt;body&gt;
                  &lt;div id="container" style="width:100%; height:400px;"&gt;&lt;/div&gt;
              &lt;/body&gt;
          &lt;/html&gt;`
  
     await page.setContent(html)
     await loaded
  
     async function loadChart() {
  
         page.evaluate( fs.readFileSync('./lib/highcharts/highcharts.js', 'utf8'));
  
         await page.evaluate(async (fs) =&gt; {
  
             console.log('page.evaluate Highcharts.version=' + Highcharts.version)
  
             var myChart = Highcharts.chart('container', {
                  chart: {
                      type: 'bar'
                  },
                  title: {
                      text: 'Fruit Consumption'
                  },
                  xAxis: {
                      categories: ['Apples', 'Bananas', 'Oranges']
                  },
                  yAxis: {
                      title: {
                          text: 'Fruit eaten'
                      }
                  },
                  series: [{
                      name: 'Jane',
                      data: [1, 0, 4]
                  }, {
                      name: 'John',
                      data: [5, 7, 3]
                  }]
              });
          }, fs)
      }
  
      await loadChart()
      await browser.close()
  }
  
  run()
  </code></pre>