Skip to content

React bashboard template using React, Material UI, ChartJS and d3.js

License

Notifications You must be signed in to change notification settings

Taimoorkhan1122/React-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React dashboard

Reuseable dashboard for React using React Chartjs2 and Material UI

ChartData

chartData() returns data object which we can then pass to any Chart component. This function accepts a data object which contains labels,colorRangeInfo, scale, dataLabel

chartData({
    labels: ["China", "UAE", "Yemen", "Pakistan", "Saudia"],
    colorRangeInfo: {
    colorStart: 0,
    colorEnd: 1,
    useEndAsStart: false,
    },
    scale: d3.interpolateBlues,
    dataLabel: "data for doughnut chart",
})

Labels : accepts list of data labels which will be displayed as labels.

colorRangeInfo() : accepts object containing d3 chromoatic color range (0,1) useEndAsStart : true will reverse the color range.

const colorRangeInfo = {
    colorStart: 0,
    colorEnd: 1,
    useEndAsStart: false,
};

About

React bashboard template using React, Material UI, ChartJS and d3.js

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published