Geneology Chart
Installation
npm install spectramicro-geneology
Usage
import Tree from spectramicro-geneology
function App() { return ( <Tree config={config}/> ) }
Config Structure
const config =
{
data:chartData[0],
//Data for plotting Tree
legend : [{ 'icon': '#0000FF', 'name': 'Material' }, { 'icon': '#ff0000', 'name': 'Process Order ' }],
//Legends of The Tree icon : 'image URL or HEX Code of color'
contextmenu: [{ Text: 'HOME', Url: 'http://www.google.com', },
{ Text: 'Google Link', Url: 'http://www.google.com',
},
{
Text: 'Google Link',
Url: 'http://www.google.com',
},
{
Text: 'Yahoo!!',
Url: 'http://www.google.com',
}
],
//Context Menu Right Click
zoom: true, //zoom
chartType: 'backward',
//chartType
handleChartClick:this.handleChartClick,
// on click of the node
selectedHeader:selectedHeader,
// Header value
getBackwardData:getBackwardData,
// for backward data
getForwardData:getForwardData, //for forward data
showTreePlot:showTreePlot,
//Tree to be shown or not
nodeId:nodeId,
// Id of the node
}