devexpress-wpf-charts

Implement DevExpress WPF ChartControl 2D charts with correct data binding and axis configuration.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates common errors and hallucinations when implementing the DevExpress WPF ChartControl, including diagram-series compatibility mismatches, case-sensitive data binding failures, misconfigured axes and scale types, and broken interactivity, ensuring developers generate accurate, performant charts without relying on scattered or outdated documentation.

Core Features & Use Cases

  • Full 2D Series Support: Covers all 2D series types (bar, line, area, pie, financial, polar, radar, etc.) with clear compatibility rules for XYDiagram2D, SimpleDiagram2D, PolarDiagram2D, and RadarDiagram2D.
  • Complete Configuration Guidance: Includes step-by-step setup for NuGet packages, data binding (including MVVM dynamic series generation), axis and scale type configuration, data aggregation, legend customization, tooltips, crosshair cursors, and end-user selection.
  • Use Case: A developer building a financial dashboard can use this Skill to implement a candlestick chart with OHLC aggregation, a secondary y-axis for trading volume, and interactive crosshair labels, all while avoiding common runtime errors.

Quick Start

Use this skill to add a formatted bar chart bound to an ObservableCollection of regional sales data to your WPF application, with a title, right-aligned legend, and crosshair labels showing values in millions.

Frequently Asked Questions about devexpress-wpf-charts

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

FAQPage Schema
How do I bind an ObservableCollection to a DevExpress WPF chart using MVVM?

To bind an ObservableCollection to a DevExpress WPF chart, configure case-sensitive data member bindings and use MVVM dynamic series generation. This ensures your chart accurately reflects data changes without runtime binding failures.

What causes diagram-series compatibility mismatches in WPF ChartControl?

Diagram-series compatibility mismatches in WPF ChartControl occur when series types are paired with incorrect diagram containers like XYDiagram2D or SimpleDiagram2D. Enforcing strict compatibility rules for each 2D series type prevents these configuration errors.

Does the DevExpress WPF ChartControl support .NET 6 and .NET Framework 4.6.2?

The DevExpress WPF ChartControl supports Windows-only .NET 6+ and .NET Framework 4.6.2+ projects. Ensure your environment meets these framework requirements to avoid compatibility issues during chart development.

How do I configure a secondary y-axis for trading volume in a WPF financial dashboard?

Configure a secondary y-axis for trading volume in a WPF financial dashboard by adding a separate axis to the XYDiagram2D. This allows you to display candlestick OHLC data alongside volume metrics without scale conflicts.

Why are my WPF chart data bindings failing at runtime despite correct property names?

WPF chart data bindings fail at runtime when data member names are not treated as case-sensitive. DevExpress ChartControl requires exact case matching for all data member bindings to successfully render series data.

Can I add crosshair labels and tooltips to a DevExpress WPF chart for interactive data analysis?

You can add crosshair labels and tooltips to a DevExpress WPF chart for interactive data analysis. The ChartControl provides built-in interactivity features including crosshair cursors, tooltips, and end-user selection setup.