so easy, create charts with react-raphael!
MIT License
so easy, create charts with react-raphael!
# or specify the externals in webpack config
npm install --save raphael
# install react-raphael-chart in your react-raphael-chart project
npm install --save react-raphael-chart
All props
string
arc fill color of PieChartstring
background fill color of PieChartnumber
radius of PieChart's circleobject
radius of PieChart's circlenumber
text of PieChart's labelobject
fontsize of PieChart's labelstring
total of PieChart's datanumber
value of PieChart's datanumber
width of PieChartnumber
width of PieChartobject
style of PieChart's containerstring
className of PieChart's containerboolean
animation of PieChartboolean
repeat the animationAll props
string
arc fill color of DoughnutChartstring
background fill color of DoughnutChartnumber
radius of DoughnutChart's circleobject
radius of DoughnutChart's circlenumber
thinckness of DoughnutChart's circlenumber
text of DoughnutChart's labelobject
fontsize of DoughnutChart's labelstring
total of DoughnutChart's datanumber
value of DoughnutChart's datanumber
width of DoughnutChartnumber
width of DoughnutChartobject
style of DoughnutChart's containerstring
className of DoughnutChart's containerboolean
animation of DoughnutChartboolean
repeat the animationnumber
width of LineChartnumber
width of LineChartarray
serises of LineChart
array
data of LineChart's serise
number
x of LineChart's serise datanumber
x of LineChart's serise datastring
color of LineChart's serisenumber
thickness of LineChart's seriseboolean
curve of LineChart's seriseobject
xAxis of LineChart
number
min value of xAxisnumber
max value of xAxisnumber
interval value of xAxisfunction
title formatter of xAxis { data: object }
number
height of xAxisobject
yAxis of LineChart
number
min value of yAxisnumber
max value of yAxisnumber
interval value of yAxisfunction
title formatter of yAxis { data: object }
number
width of yAxisobject
grid of LineChart
string
color of LineChart's gridnumber
thickness of LineChart's seriseboolean
show y axis grid of LineChartboolean
show y axis grid of LineChartboolean
animation of LineChartboolean
repeat the LineChartnumber
width of BarChartnumber
width of BarChartarray
serises of BarChart
array
data of BarChart's serise
number
x of BarChart's serise datanumber
x of BarChart's serise datastring
color of BarChart's serisestring
hover color of BarChart's seriseobject
xAxis of BarChart
number
min value of xAxisnumber
max value of xAxisnumber
interval value of xAxisfunction
title formatter of xAxis { data: object }
number
height of xAxisobject
yAxis of BarChart
number
min value of yAxisnumber
max value of yAxisnumber
interval value of yAxisfunction
title formatter of yAxis { data: object }
number
width of yAxisobject
grid of BarChart
string
color of BarChart's gridnumber
thickness of BarChart's seriseboolean
show y axis grid of BarChartboolean
show y axis grid of BarChartnumber
max width of BarChart's barnumber
font size of BarChart's textboolean
auto hide of BarChart's textclone the repository
git clone https://github.com/liuhong1happy/react-raphael-chart.git
install dependency package;
npm install
run example
npm run example
build
npm run build
Now , you can see example !
Email: [email protected]