react-echarts-resizeable

React Function Component for Apache ECharts.

Usage no npm install needed!

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

README

react-echarts-resizeable

React Function Component for Apache ECharts.

License

NPM

Installation

npm i react-echarts-resizeable

Usage

add following code to your code

import ReactECharts from 'react-echarts-resizeable';

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

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;
    resizeable?: boolean;
} & React.HTMLAttributes<HTMLDivElement> // and div element props

Change Log

1.0.4

- fix styles bug

1.0.2

- safari resizeable polyfill

1.0.0

- init repository

License

This project is licensed under MIT.