Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

apex-react-charts

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

apex-react-charts - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

11

index.js

@@ -8,11 +8,10 @@ var React = require('react');

super(props);
this._cjsContainerId = new window.Date().getTime();
this.genId = new window.Date().getTime();
this.options = props.options ? props.options : {};
this.containerProps = props.containerProps ? props.containerProps : {width: "100%", position: "relative"};
this.containerProps.height = props.containerProps && props.containerProps.height || this.options.height || "100%";
this.chartContainerId = "apexchart-container-" + this._cjsContainerId;
this.style = props.style || {width: "100%", height: "100%", position: "relative"};
this.chartContainerId = "apexchart-container-" + this.genId;
}
componentDidMount() {
//Create Chart and Render
this.chart = new Apex(document.querySelector(this.chartContainerId), this.options);
this.chart = new Apex(document.querySelector('#' + this.chartContainerId), this.options);
this.chart.render();

@@ -39,3 +38,3 @@

render() {
return React.createElement('div', { id: this.chartContainerId, style: this.containerProps });
return React.createElement('div', { id: this.chartContainerId, style: this.style });

@@ -42,0 +41,0 @@ }

{
"name": "apex-react-charts",
"version": "1.0.0",
"version": "1.0.1",
"description": "A React Component Wrapper for ApexCharts",

@@ -5,0 +5,0 @@ "main": "index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc