JSFiddle - React, Tailwind, and code Playground

by dolanmiu

HTML

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

<div id="container"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    inverted: true,
    type: 'column'
  },
  yAxis: [{
    title: {
      text: 'Pressure'
    },
    height: '50%',
    lineWidth: 2
  }, {
    title: {
      text: 'Temperature'
    },
    right: '50%',
    height: '50%',
    offset: 0,
    lineWidth: 2
  }],
  plotOptions: {
    column: {
      grouping: false,
      shadow: false
    }
  },
  series: [{
    type: 'column',
    name: 'Pressure',
    data: [1, 2, 3, 4, 5, 6, 7, 10],
    color: '#FF0000'
  }, {
    type: 'column',
    name: 'TemperatureIn',
    data: [1, 2, 3, 4, 5],
    yAxis: 1,
    color: '#00FF00'
  }]
});