Want to author a book on Highcharts?

Yes, Highcharts can be integrated with Storybook to showcase and test your chart components. Storybook is a development environment for UI components, allowing you to view different states of your components in isolation.

To integrate Highcharts with Storybook, you can follow these steps:

Install Storybook in your project:
npx -p @storybook/cli sb init
Install the necessary dependencies:
npm install highcharts @highcharts/highcharts-react
Create a new story for your Highcharts component. For example, create a file called Highcharts.stories.js in your Storybook’s stories directory.

In the Highcharts.stories.js file, import the necessary modules:

import React from ‘react’;
import HighchartsReact from ‘@highcharts/highcharts-react’;
import Highcharts from ‘highcharts’;
Create a story for your Highcharts component:
export default {
title: ‘Highcharts’,
component: HighchartsReact,
};

const options = {
// Highcharts configuration options
};

export const Chart = () => (

);
Start your Storybook development server:
npm run storybook
Now you should be able to view and interact with your Highcharts component in Storybook.

Please note that the options object in the example above should contain the Highcharts configuration options specific to your chart. Make sure to provide valid data and customize the options according to your requirements.

If you have any specific questions or need further assistance, feel free to ask.