react-echarts-resizable

React Function Component for Apache ECharts.

Usage no npm install needed!

<script type="module">
  import reactEchartsResizable from 'https://cdn.skypack.dev/react-echarts-resizable';
</script>

README

react-echarts-resizable

React Function Component for Apache ECharts.

License

NPM

Installation

npm i react-echarts-resizable

Usage

add following code to your code

import ReactECharts from 'react-echarts-resizable';

<ReactECharts
  option={option}
  onChartReady={(chart: EChartsType) => {
    chart.connect(otherChart)
    // etc
  }}
  resizable
/>

Props Detail:

ReactEChartsProps {
    initOpts?: {
        locale?: string | LocaleOption;
        renderer?: RendererType;
        devicePixelRatio?: number;
        useDirtyRect?: boolean;
        width?: number;
        height?: number;
    };
    onChartReady?: (echartsInstance: EChartsType) => void;
    option?: echarts.EChartsOption;
    theme?: string | object;
    noMerge?: boolean;
    lazyUpdate?: boolean;
    resizable?: boolean;
} & React.HTMLAttributes<HTMLDivElement> // and div element props

Change Log

1.0.0

- init repository

License

This project is licensed under MIT.