Highcharts Demo

author(s): Torstein Hønsi

by hendrikdegraaf

HTML

<script src="https://code.highcharts.com/10.3/highcharts.js"></script>
<div id="container"></div>

CSS

@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
#container {
    width: 800px;
    height: 500px;
    margin: 0 auto;
    border: 1px solid magenta;
}

JavaScript

const renderer = new Highcharts.Renderer(
  document.getElementById('container'),
  600,
  300
);

const text = renderer.label('Text', 20, 20)
  .attr({
    padding: 0,
    height: 200,
    fill: 'yellow',
  }).css({
    fontSize: '200px',
    letterSpacing: -10,
    color: 'red',
    fontFamily: 'Roboto',
  })
  .add();