A Gantt chart is a timeline visualization that can track not only project tasks but also operational statuses over time. AnyChart JS resource Gantt charts support conditional coloring and custom data grid columns, making them well suited for infrastructure monitoring dashboards.
This server status list sample loads JSON data and colors timeline periods by status value: green for online, orange for maintenance, and red for offline. Parent rows render at full opacity while child rows are partially transparent. The data grid hides the default index column and adds Server, Online, Maintenance, and Offline columns with per-status label styling. The view is zoomed to a specific date range for incident monitoring.
Follow the step-by-step Resource Chart Tutorial to learn how such charts are built. See the Gantt Chart documentation for all configuration options.