Highcharts Demo

author(s): Torstein Hønsi

by valk

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 600px; margin: 0 auto"></div>

React

Highcharts.chart('container', {
  "title": {
    "text": ""
  },
  "credits": {
    "enabled": false
  },
  "series": [{
    "name": "Metascore",
    "type": "line",
    "data": [88, 75, 77, 87, 93, 94, 95, 95, 88, 87, 94, 94],
    "color": "#000000"
  }],
  "chart": {
    "spacingBottom": 20,
    "spacingLeft": 0,
    "spacingRight": 0,
    "spacingTop": 20,
    "backgroundColor": "rgba(0,0,0,0)",
    "height": 250
  },
  "yAxis": {
    "title": {
      "text": ""
    },
    "tickPositions": [0, 35, 47, 70, 100],
    "labels": {}
  },
  "xAxis": {
    "categories": ["2020-02", "2020-03", "2020-04", "2020-05", "2020-06", "2020-07", "2020-08", "2020-09", "2020-10", "2020-11", "2020-12", "2021-01"]
  },
  "tooltip": {}
});