react-component-widget

Component for resizing and repositioning charts, parsing transferred data when working with Recharts library.

Programming language: JavaScript

License: MIT License

Tags: Editors     JavaScript     Js     React     Reactjs    

README

ReactWidget Component

A component for integrating Recharts library into your project quick and easy.

Getting Started

Prerequisites

Install the Recharts library.

Runs On

All browsers that include native Map and Set collection types.

Older Browsers Workaround

If your project supports older browsers and devices that don't include Map and Set (e.g., IE<11) or that have non-compliant implementations (e.g., IE11), consider including a global polyfill in your bundled application, such as core-js or babel-polyfill.

Install Widget

Install ReactWidget component using: npm install --save react-indeema-widget

Example of Use

render () {
  return (
    <Widget
      edit={this.onEditItem}
      remove={this.onRemoveItem(data.i)}
      settings={this.onSettingItem(data.i)}
      isPropertySidebar={this.state.property && data.i === this.state.widgetInd}
      w={d.w}
      h={d.h}
      type={data.type}
      name={data.name}
    />
  );
}

See Also

If you prefer Highcharts over Recharts, check out Dashboard component.

Support

If you have suggestions, feedback, or encounter any issues, write to Stackoverflow or contact us at [email protected].

To learn more about us, visit https://indeema.com.

License

MIT license Copyright 2019 © Indeema Software.

Developed by Roman Pavliv

Terms of Use

ReactWidget component is released for testing purposes only. We make no guarantees with respect to its function. By using this software you agree that Indeema is not liable for any damage to your system and data.