JSFiddle - React, Tailwind, and code Playground

by f0t0n

JavaScript

var testdata = [
  ["UserName", "Amount", "GP", "Quantity"],
  ["Demo1", 100, 40, 4],
  ["Demo2", 500, 450, 6],
  ["Demo3", 200, 50, 0.5]
];

Highcharts.chart('container', {
		chart: {
			type: 'line',  //'line',
			zoomType: 'xy'
		},
		credits: {
			enabled: false
		},
		title: {
			text: 'Testing'
		},

		xAxis: {
			title: {
				text: 'LabX'
			}
		},
		yAxis: [
      {
      	title: {
        	text: '3d axis'
        },
        opposite: true
      },
			{
				title: {
					text: 'USD'
				}
			},
			{
				title: {
					text: 'Quantity Unit'
				},
				opposite:true
			}
		],
		noData: {
			 style: {
				 fontWeight: 'bold',
				 fontSize: '15px',
				 color: '#303030'
			 }
		},
    
    series: [{// First series
    	type: 'line',
      yAxis: 1
    }, {// Second series
    	type: 'line',
      yAxis: 2
    }, {// Third (Quantity) series
    	type: 'line',
    	yAxis: 3
    }],
    
		data: {
			rows: testdata,
			seriesMapping: [{
				x:0,
				y:1
			},{
				x:0,
				y:2
			},{
				x:0,
				y:3
			}]
		}
	});