skills.rest
grafana
grafanaOFFICIAL
Explore all skills by this author →
Website𝕏@grafanaGitHub

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
One-click install
npx skills add https://github.com/grafana/metrics-drilldown --skill timeseries
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
grafanagrafana
31

extensions

Explain Grafana Metrics Drilldown extension utilities for drilldown links and PromQL parsing.

Official
Intermediate
toneron2toneron2

sfh-viz

Generate 3D renders and acoustic plots for fractal horn designs.

Community
Advanced
bobmatnycbobmatnyc
20

Observability with Prometheus & Grafana

Integrate Prometheus and Grafana for metrics collection, alerting, and dashboards.

Community
Advanced
tense-itense-i
1

grafana-dashboards

Generate Grafana dashboards for visualizing Prometheus metrics.

Community
Intermediate