OpenObserve Custom Charts Basics Tutorial

Discover how to move beyond the built-in visualizations and build your own custom visualizations in OpenObserve using the power of Apache ECharts.

In this video tutorial, Developer Advocate Manas Sharma walks you through how to build and save custom charts from start to finish. You’ll learn to write queries, transform data with JavaScript, configure axes and chart types, and visualize data in both 2D and 3D.

In this session you’ll learn how to

• Select a data source and build queries in OpenObserve
• Transform query results to match ECharts configuration
• Configure axis types including value, category, time, and log
• Render 2D and 3D charts for richer observability insights
• Tips for handling time-series data
• Debugging raw and transformed data

Custom charts let you tailor your observability exactly to your team’s needs, from tracking KPIs and burn-rates to comparing multi-axis metrics or percentile views. With OpenObserve’s native ECharts integration, you can design visuals that fit your workflow without switching tools.