Breaking News: Grepper is joining You.com. Read the official announcement!

highcharts react simple 2 axis chart

Grieving Gharial answered on February 21, 2023 Popularity 2/10 Helpfulness 1/10

answer highcharts react simple 2 axis chart

highcharts react simple 2 axis chart

Comment

import React from 'react';
import { render } from 'react-dom';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';

const options = {
  chart: {
    type: 'spline'
  },
  title: {
      text: 'Price evolution',
    },
    xAxis: {
      categories: ['15-09-2008', '16-09-2008', '17-09-2008', '18-09-2008', '19-09-2008', '20-09-2008', '21-09-2008', '22-09-2008'],
      accessibility: {
        description: 'Date',
      },
    },
    yAxis: {
      title: {
        text: 'Price €',
      },
    },
    credits: {
     enabled: false,
    },
    series: [
      {
        name: 'Price',
        showInLegend: false,
        data: [9.572556, 9.502529, 9.339612, 9.216, 9.65739, 9.8992, 9.65739, 10.3494],
        color: 'rgb(150, 7, 70)',
      },
    ],
};

const App = () => (
  <div>
    <HighchartsReact highcharts={Highcharts} options={options} />
  </div>
);

render(<App />, document.getElementById('root'));

Popularity 2/10 Helpfulness 1/10 Language typescript

Source: www.highcharts.com

Tags: axis highcharts typescript

Link to this answer
Share Copy Link

Contributed on Feb 21 2023

Grieving Gharial

0 Answers Avg Quality 2/10

highcharts react simple 2 axis chart

Contents

More Related Answers

highcharts react simple 2 axis chart

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.