1.0.1 • Published 2 years ago
react-satti-chart v1.0.1
REACT SATTI CHART
A simple Bar Chart component for ReactJS
Intall
You can get it on NPM installing react-satti-chart
component as a project dependency.
npm install react-satti-chart
Setup
You'll need to add react-satti-chart
to your app.js or any other component where you want to use loader. So that, the <BarChart />
components will be accessible in your application.
...
import { BarChart } from "react-satti-chart";
...
function App() {
const [data, setData] = useState([])
useEffect(() => {
setData([
{
label: "Jan",
value: 120
},
{
label: "Feb",
value: 160
},
{
label: "Mar",
value: 190
},
{
label: "Apr",
value: 60
},
{
label: "May",
value: 90
}
])
}, [])
return (
<div className="App">
<BarChart
width="400"
height="500"
data={data}
barColor="purple"
barWidth={50}
/>
</div>
);
}
Options
data
: Array - it should be label & values of array ex({label: "A", value: 80})width
: string - width of the canvas element;height
: string - height of the canvas element;isDarkMode
: booloan - default false;showValue
: booloan - default true, if false values will not visible in top of the each barshowYIndicatorLines
: booloan - default true, if false Y indicator lines will not visiblelineColor
: string - line color of X & YbarColor
: string - applies color of each bartextColor
: string - applies color of every textincreamentY
: number - increaments of Y axisbarWidth
: number - width of the bar size
1.0.1
2 years ago
1.0.0
2 years ago
0.0.20
2 years ago
0.0.19
2 years ago
0.0.18
2 years ago
0.0.17
2 years ago
0.0.16
2 years ago
0.0.15
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago