devexpress-blazor-gauges

Configure DevExpress Blazor gauge components with correct API usage.

39|7|Updated Jun 2, 2026
One-click install
npx skills add https://github.com/DevExpress/agent-skills --skill devexpress-blazor-gauges
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: devexpress-blazor-gauges
Source: https://github.com/DevExpress/agent-skills/tree/main/plugins/dx-blazor/skills/devexpress-blazor-gauges
Command: npx skills add https://github.com/DevExpress/agent-skills --skill devexpress-blazor-gauges

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates guesswork and incorrect API usage when building DevExpress Blazor visualization components, preventing common build errors, runtime issues, and hallucinations about component properties, events, and configuration requirements.

Core Features & Use Cases

  • 5 Specialized Visualization Components: Supports DxBarGauge for circular metric displays, DxRangeSelector for draggable range filtering, DxSankey for flow diagrams, DxSparkline for embedded mini-trend charts, and DxMap for interactive geo mapping.
  • Common Dashboard Use Cases: Ideal for building admin dashboards, analytics interfaces, and reporting tools that require metric gauges, date/numeric range filtering, flow visualization, grid-embedded sparklines, and location-based map features.
  • Built-in Guardrails: Includes critical best practices for render mode configuration, correct event handling (e.g., using ValueChanged instead of two-way binding for range selectors), GIS API key setup, and export functionality to avoid common pitfalls.

Quick Start

Use this Skill to generate a fully configured DxBarGauge component that displays three review scores as concentric arc bars with a custom legend and formatted labels, including all required Blazor package registration, theme setup, and interactive render mode configuration.

Frequently Asked Questions about devexpress-blazor-gauges

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

FAQPage Schema
How do I add DevExpress gauges and charts to a Blazor dashboard?

To add DevExpress visualization components to a Blazor dashboard, install the correct NuGet packages, configure the interactive render mode, and apply the required theme setup for components like DxBarGauge and DxSparkline.

Can I use a range selector for date filtering in Blazor without two-way binding?

Yes, when using DxRangeSelector for range filtering in Blazor, handle the ValueChanged event instead of using two-way binding to prevent runtime configuration errors.

What is the correct way to set up a GIS API key for a Blazor map component?

Setting up a GIS API key for the DxMap component requires specific configuration to enable interactive geo mapping features and avoid common runtime pitfalls during dashboard rendering.

Does DevExpress Blazor support flow diagrams and embedded trend charts for analytics interfaces?

DevExpress Blazor supports flow diagrams via DxSankey and embedded trend charts via DxSparkline, allowing developers to build comprehensive analytics interfaces and reporting tools.

Why does my DxBarGauge display incorrectly when showing concentric arc bars?

Incorrect DxBarGauge displays often stem from missing interactive render mode configuration or incorrect Blazor package registration, which are necessary for rendering custom legends and formatted labels.

Do I need specific NuGet package references to export DevExpress Blazor visualization components?

Yes, implementing export functionality for DevExpress Blazor visualization components requires correct NuGet package references and specific event handling patterns to ensure proper data interface output.