timeseries

Analyze and configure Grafana Metrics Drilldown timeseries components for time-based metric visualization.

31|18|Updated Oct 15, 2024

Search Tags:#typescript #debug #timeseries #metrics-drilldown #getUnitFromMetric #getUnit #buildTimeseriesPanel

Ready to run

npx skills add https://github.com/grafana/metrics-drilldown --skill timeseries

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: timeseries
Source: https://github.com/grafana/metrics-drilldown/tree/main/.claude/skills/generated/timeseries
Command: npx skills add https://github.com/grafana/metrics-drilldown --skill timeseries

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a detailed map of the Timeseries utilities and types used by Grafana Metrics Drilldown, empowering developers to understand, extend, and debug time-based data visualizations.

Core Features & Use Cases

Expose core functions such as getColorByIndex, getUnitFromMetric, getUnit, and getPerSecondRateUnit used by time-series panels.
Describe and document timeseries-related builders, like buildTimeseriesPanel and getTimeseriesQueryRunnerParams, to support consistent integration.
Use Case: when adding a new time-based metric or adjusting color mapping for time-series charts, this skill guides implementation and testing.

Quick Start

Inspect the Timeseries utilities and types to understand how to compose and visualize time-based data in metrics-drilldown.

Frequently Asked Questions about timeseries

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I configure timeseries panels in Grafana metrics-drilldown?▼

To configure timeseries panels in Grafana metrics-drilldown, use the buildTimeseriesPanel builder alongside getTimeseriesQueryRunnerParams to compose query runners and visualize time-based metrics consistently.

How does getUnitFromMetric determine units for time-based metrics?▼

The getUnitFromMetric function extracts and maps unit definitions for time-based metrics, working with getUnit and getPerSecondRateUnit to ensure correct unit display on timeseries visualizations.

What is the best way to debug color mapping issues in Grafana timeseries charts?▼

Debug color mapping in Grafana timeseries charts by inspecting getColorByIndex and updateColorsWhenQueriesChange, which manage color assignments when query data changes dynamically.

Can I extend timeseries query builders for custom metrics in metrics-drilldown?▼

Yes, you can extend timeseries query builders in metrics-drilldown by leveraging buildTimeseriesPanel and getTimeseriesQueryRunnerParams to integrate new time-based metrics with consistent type definitions and flow logic.

Why does updateColorsWhenQueriesChange trigger when modifying timeseries queries?▼

The updateColorsWhenQueriesChange function triggers to recalculate and apply color mappings via getColorByIndex whenever underlying timeseries queries are modified, ensuring visualization consistency.

Do I need TypeScript type definitions to use timeseries utilities in metrics-drilldown?▼

TypeScript type definitions are required to properly compose and visualize time-based data using timeseries utilities in metrics-drilldown, as they define the integration points and flow logic.