Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart("container", {
    chart: {
      backgroundColor: "transparent",
      pinchType: 'none',
      panning: {
        enabled: false
      }
    },
    tooltip: {
      followPointer: false,
      borderRadius: 0,
      borderWidth: 0,
      shadow: false,
      padding: 0,
      style: {
             pointerEvents: 'auto'
          },
      useHTML: true,
      // padding: 10,
      headerFormat: "",
      outside: true,
      pointFormat: '<div style="width: 600px; height: 600px;">hello</div>'
    },
    
    // Define the series
    series: [{
      type:'column',
      data:[1,2,2,2,2,2,1],
      color: 'red'
    }],
  });