Step-by-Step Guide
If you have any further questions on proper setup, please fill out our Hive Service Request form and someone from the team will help you.
Page Examples:
For visuals of the component, please visit the Storybook below:
https://business.columbia.edu/marcomms/data-visualization
CBS Charts (Chart)
What it does: Embeds a CBS-branded chart built with Chart.js. Supports area, bar, doughnut, horizontal bar, line, pie, time-area, and time-line chart types. Has options for legends, stacked data, point styles, highlighted datasets, and custom time axis formatting. In the CMS, this component is labeled Chart.
Fields (MarComms configures these)
| Field Label | What to Enter | Notes |
|---|---|---|
| Title | Chart title | Optional — editors may update this |
| SubTitle | Chart subtitle | Optional |
| Chart Type | area, bar, doughnut, horizontalBar, line, pie, time-area, time-line | MarComms sets this |
| Chart Data | Table data or structured data input | MarComms sets this |
| Caption | Caption text below the chart | Optional |
| Display Legend | Show/hide chart legend | MarComms sets this |
| Fill | Fill area below a line chart | — |
| Highlight | Highlight a specific dataset in a bar chart | — |
| Highlight Index | Which element to highlight (min: 1) | — |
| Display data stacked | Stack multiple datasets | — |
| Display Point Style | Show markers at data points | — |
| Customize Time Display | Enable custom time unit/format | — |
| Custom Time Unit | Day, Month, or Year | — |
| Custom Time Format | Moment.js format string | — |
How to Request / Update
Contact MarComms with your data and chart requirements. For data updates, send the new data file — MarComms will apply it.