Cogic Organizational Chart

Welcome To The International Music Department

The definition of an organization chart or 'org chart' is a diagram that displays a reporting or relationship hierarchy. The most frequent application of an org chart is to show the structure of a business, government, or other organization. Org charts have a variety of. 03/ 07/11 1 08:25: 49 AM OFFICIAL MANUAL with the DOCTRINES AND DISCIPLINE of the CHURCH OF GOD IN CHRIST 1973 Written by the authorization and approval of the.

For The Church Of God In Christ

The C.H. Mason Memorial Choir ( International MASS Choir) is one of the largest, anointed, inimitable singing aggregations ever. International Music Department Team Leaders rehearse and train the choir daily for ministry during our annual conventions. Read More Here . . .

Dance is an expression or worship that uses the body intemperate the lyrics of praise and worship music. The Liturgical Praise minister’s every year at the (AIM.) Auxiliaries in Ministry Summer Convention and the Holy Convocation of the Church of God In Christ. Read More Here …

When the words Praise and Worship are mentioned in the arena of Christendom, a few pictures will usually come to mind. One of which might be the people of God in their particular churches, all over the country on Sunday mornings, lifting their hands, singing, shouting and dancing before the Lord with beautiful smiles on their faces. Read More Here . . .

Cogic

The music ministry of the COGIC Choral is made up of talented, consecrated and anointed singers that minister in song the hymns and spirituals of the church. This anointed team of minstrels minster yearly under the direction of our International Minister of Music at the Holy Convocation.

One of the most interesting musical and spiritual experiences offered to young singers and musicians. The International Youth Choir is bridge building musical aggregation of young people ages 13 and up. Read More Here . . .

The International Orchestra is a select group of some of our church finest musicians. Ministering exciting inspirational hymns, praise songs as well as arrangements of classical and contemporary favorites. The International Orchestra has been named the J.O. Patterson Memorial Orchestra. Read More Here . . .

  • Data Format

Overview

Cogic Organizational Chart Structure

Org charts are diagrams of a hierarchy of nodes, commonly used to portray superior/subordinate relationships in an organization. A family tree is a type of org chart.

Example

Loading

The package name is 'orgchart'.

The visualization's class name is google.visualization.OrgChart.

Data Format

A table with three string columns, where each row represents a node in the orgchart. Here are the three columns:

  • Column 0 - The node ID. It should be unique among all nodes, and can include any characters, including spaces. This is shown on the node. You can specify a formatted value to show on the chart instead, but the unformatted value is still used as the ID.
  • Column 1 - [optional] The ID of the parent node. This should be the unformatted value from column 0 of another row. Leave unspecified for a root node.
  • Column 2 - [optional] Tool-tip text to show, when a user hovers over this node.

Each node can have zero or one parent node, and zero or more child nodes.

Custom Properties

You can assign the following custom properties to data table elements, using the setProperty() method of DataTable:

Cogic Organizational Chart 2017

Property Name
selectedStyle

Applies To: DataTable row

An inline style string to assign to a specific node when selected. You must set the option allowHtml=true for this to work, and it must be set before calling draw() on the visualization. This overrides the selectionColor option for the specified node.

Example:myDataTable.setRowProperty(2, 'selectedStyle', 'background-color:#00FF00');

style

Applies To: DataTable row

An inline style string to assign to a specific node. This is overridden by the selectedStyle property. You must set the option allowHtml=true for this to work, and it must be set before calling draw() on the visualization. This overrides the color option for the specified node.

Example: myDataTable.setRowProperty(3, 'style', 'border: 1px solid green');

Configuration Options

Name
allowCollapse

Determines if double click will collapse a node.

Default:false
allowHtml

If set to true, names that includes HTML tags will be rendered as HTML.

Default:false
color

Deprecated. Use nodeClass instead. The background color of the orgchart elements.

Default:'#edf7ff'
nodeClass

A class name to assign to node elements. Apply CSS to this class name to specify colors or styles for the chart elements.

Default:default class name
selectedNodeClass

A class name to assign to selected node elements. Apply CSS to this class name to specify colors or styles for selected chart elements.

Default:default class name
selectionColor

Deprecated. Use selectedNodeClass instead. The background color of selected orgchart elements.

Default:'#d6e9f8'
size

'small', 'medium' or 'large'

Default:'medium'

Methods

Method
collapse(row, collapsed)
  • row - Index of the row to expand or collapse.
  • collapsed Whether to collapse or expand the row, where true means collapse.
Return Type:none
draw(data, options)

Draws the chart.

getChildrenIndexes(row)

Returns an array with the indexes of the children of the given node.

Return TypeArray.<number>
getCollapsedNodes

Returns an array with the list of the collapsed node's indexes.

getSelection()

Standard getSelection() implementation. Selection elements are all row elements. Can return more than one selected row.

Return Type: Array of selection elements
setSelection(selection)

Standard setSelection() implementation. Treats every selection entry as a row selection. Supports selection of mutiple rows.

Events

Name
collapse

Event triggered when allowCollapse is set to true and the user double clicks on a node with children.

collapsed - A boolean indicating whether this is a 'collapse' or 'expand' event.
row - The zero-based index of the row in the data table, corresponding to the node being clicked.
onmouseover

Triggered when the user hovers over a specific row.

row - The zero-based index of the row in the data table, corresponding to the node being moused over.
onmouseout

Triggered when the user hovers out of a row.

row - The zero-based index of the row in the data table, corresponding to the node being moused out from.
select

Standard select event

None
ready

The chart is ready for external method calls. If you want to interact with the chart, and call methods after you draw it, you should set up a listener for this event before you call the draw method, and call the methods only after the event is fired.

None

Data Policy

Cogic Organizational Chart Examples

All code and data are processed and rendered in the browser. No data is sent to any server.