用途
Syncfusion ASP.NET Core Bullet Chart 技能用于在 ASP.NET Core 应用程序中实现子弹图(Bullet Chart)。子弹图是条形图的一种变体,能够在紧凑、视觉高效的格式中展示实际业绩相对于目标基准的表现。它组合了多种数据元素(数值条、目标标记、范围区间),可提供即时的绩效洞察。
适用场景
当需要完成以下任务时,可使用本技能:
- 对比实际表现与目标:在单个可视化中同时展示实际值与目标/指标值
- 构建 KPI 仪表板:快速概览关键绩效指标
- 展示带基准的进度:通过对比区间(较差、合格、良好等)跟踪目标进展
- 监控多项指标:在仪表板中并排展示多个子弹图以进行对比分析
- 创建紧凑可视化:相比传统条形图,在更小空间内呈现更多数据
- 构建绩效报告:面向高管的仪表板、销售跟踪、生产力指标、收入预测
常见业务场景包括:销售与配额跟踪、员工绩效与目标对比、项目里程碑与截止日期、收入与预测对比、客户满意度评分与目标对比等。
主要能力
该技能文档按功能模块组织,涵盖以下能力:
- 入门:安装与 ASP.NET Core 项目设置、NuGet 包安装、添加 TagHelper 与脚本资源、创建首个带数据的子弹图、为图表添加标题。
- 数据绑定与配置:配置 DataSource 属性、映射数值字段与目标字段、使用数据模型、动态与静态数据绑定、数据结构最佳实践。
- 坐标轴定制:定制刻度线与标签、标签格式化与数字格式化、刻度位置与标签位置选项、类别标签配置、高级坐标轴定位。
- 范围与对比条:配置绩效范围(较差、合格、良好)、目标条类型(Rect、Cross、Circle)、数值条定制、构建有效的对比可视化、配色方案与范围样式。
- 定制与布局:方向(水平或垂直渲染)、从右到左(RTL)支持、动画设置与过渡、图表尺寸与响应式尺寸、主题与颜色定制。
- 数据标签、工具提示与无障碍:显示数据标签、配置悬停工具提示、用于无障碍的 WAI-ARIA 属性、键盘导航支持、构建无障碍仪表板。
使用方式
文档以参考章节导航的形式组织,开发者按需求阅读对应章节:
- 入门:references/getting-started.md
- 数据绑定与配置:references/data-binding.md
- 坐标轴定制:references/axis-customization.md
- 范围与对比条:references/ranges-and-bars.md
- 定制与布局:references/customization.md
- 数据标签、工具提示与无障碍:references/data-and-accessibility.md
快速开始示例中包含控制层代码(C#)与视图代码(CSHTML),展示如何定义数据模型、传入数据,并使用 <ejs-bulletchart> 标签配合 valueField、targetField、categoryField、minimum、maximum、interval、title 等属性,以及 <e-bullet-range-collection> 定义范围区间。
文档还列出了多项配置属性(如 dataSource、valueField、targetField、categoryField、title、orientation、ranges、animation、tooltip、dataLabel、labelFormat、theme、width、height、valueFill、valueHeight、targetColor、targetWidth、targetTypes、legendSettings 等)及其类型、默认值和用途,并列出了 load、loaded、tooltipRender、legendRender、beforePrint、bulletChartMouseClick 等事件。
常见使用模式
- 模式一:仪表板中的多个子弹图,并排展示多项指标用于高管监控(如销售与配额、收入与预测、客户满意度与目标)。
- 模式二:使用类别展示多个数值,在单个图表中通过 categoryField 展示多个类别。
- 模式三:基于范围的颜色编码,定义范围区间自动为绩效水平着色(如较差、一般、良好、优秀对应不同颜色)。
限制
资料未提供该技能的收费、价格、平台兼容性细节、性能表现或具体使用步骤之外的限制说明,暂未提供。