ApexCharts
import React, { Component } from "react";
import Chart from "react-apexcharts";
class App extends Component {
constructor(props) {
super(props);
this.state = {
options: {
chart: {
id: "basic-bar"
},
xaxis: {
categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
}
},
series: [
{
name: "series-1",
data: [30, 40, 45, 50, 49, 60, 70, 91]
}
], colors: ['##6C5DD3']
};
}
render() {
return (
<div className="app">
<div className="row">
<div className="mixed-chart">
<Chart
options={this.state.options}
series={this.state.series}
type="bar"
width="500"
/>
</div>
</div>
</div>
);
}
}
export default App;
Also in JavaScript:
- not operator js
- js convert truthy
- regular expression arabic and persion
- js string replace
- background image with styled components
- how to append data to a field in mongoose model
- lifecycle methods react
- how to search through a table javascript
- vowel
- number format reactjs
- jquery see if element is visible
- kendo clear selection
- axios api post request
- vuejs show {{}} on loading
- jquery replace text in div
- javascript game loop
- how to write to a file with javascript without nodejs
- mongodb find all that dont have property
- enable emmet vscode react
- javascript replace newline
- Programação web com Node e Express Beneficiando-se da stack JavaScript
- Did you mean "@babel/transform-react-jsx-source"
- firebase update data
- jquery create array