FlexChart图表控件 - ComponentOne.NET开发控件集|提供追求卓越的Excel图表类型

为什么选择 FlexChart 图表控件？

我们的通用 API 减少了跨平台的学习曲线

通用 API：FlexChart 直观的共享对象模型让您和您的团队几乎不需要任何实际的学习就可以编写跨平台的代码。

小尺寸：FlexChart 程序集在 Winform 平台上 229KB，WPF 平台 183KB，UWP 平台 218KB。

快速：FlexChart 专为追求顶级的性能而打造。

灵活：FlexChart 拥有我们产品的灵活性，您可以使用关键功能集和自定义，以满足您的需求。

灵活的数据绑定支持任何 .NET 数据源的静态数组和动态列表的绑定。
支持在桌面应用和 Web SVG 图形上使用 DirectX 和 GDI+ 渲染方式。
支持导出到多种图片和文档类型，包括 PDF、JPG、BMP、GIF、PNG 和 TIFF。

查看演示

追求卓越的 Excel 图表类型

多种可定制的图表类型满足您的数据可视化需求

图表类型

条形图和柱状图

基本的条形图和柱状图中可以比较多个数据系列。堆积数据可以比较每个系列对每类总和的贡献。

自定义坐标轴方向（垂直/水平）
堆积数据系列

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

折线图

基本的线图可以展示数据在短期和长期的变化。

包含：

线符号：使用你选择的图像符号来标记数据点
样条：跟踪随时间变化的曲线，推测中间的值。
样条符号：使用你选择的图像符号标记数据点。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

面积图

填充线条下面的区域，以显示相似类别的趋势。

包含：

样条面积图，样条图的一个版本。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

散点图

散点图可以显示数据点之间的相关性，一组数据沿着X轴，而另一组数据沿Y轴。散点图把这些值结合为单个数据点，并将它们显示在不均匀的间隔或簇中。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

气泡图

通过气泡图可以创建丰富多样的，引人入胜的数据模型和金融图表。这种类型图表能把数据系列显示为一种不同尺寸的符号集。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

烛台图

烛台图能够可视化金融数据。能够在系列里显示每天的开盘价，收盘价，最高价和最低价。垂直条跨越每天额最高值和最低值。

包括了 HighLowOpenClose 图表类型

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

饼图

饼图显示一个整体如何添加达100%。我们的饼图包含：

扇形切片
扇形选择
扇形旋转

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

旭日图

可视化层级数据从根节点（中心）向外到低的层级。内圆部分是外圆部分的父，即内圆角度扫描范围内的外圆部分。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

极坐标图

显示对很多变量的多元化观察力。

平台： WPF、UWP、WinForm

金融图表控件中可以获得金融图表类型。

雷达图

创建环形图展示对很多变量的多元化观察力。

平台： WPF、UWP、WinForm

金融图表控件中可以获得金融图表类型。

瀑布图

通过一系列的变化，显示从开始位置的变化。

包含：

中间合计
相对数据
连接线

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

漏斗图

以漏斗形状可视化过程的阶段，如销售。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

箱型图

通过四分值、平均值、中位数以及离散值，图形化的描述一组数据。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

误差棒图

表示数据的可变性，以指示测量中的误差或不确定性。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

条形图和柱状图

基本的条形图和柱状图中可以比较多个数据系列。堆积数据可以比较每个系列对每类总和的贡献。

自定义坐标轴方向（垂直/水平）
堆积数据系列

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

折线图

基本的线图可以展示数据在短期和长期的变化。

包含：

线符号：使用你选择的图像符号来标记数据点
样条：跟踪随时间变化的曲线，推测中间的值。
样条符号：使用你选择的图像符号标记数据点。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

面积图

填充线条下面的区域，以显示相似类别的趋势。

包含：

样条面积图，样条图的一个版本。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

散点图

查看 Web 演示

金融图表控件中可以获得金融图表类型。

气泡图

查看 Web 演示

金融图表控件中可以获得金融图表类型。

烛台图

烛台图能够可视化金融数据。能够在系列里显示每天的开盘价，收盘价，最高价和最低价。垂直条跨越每天额最高值和最低值。

包括了 HighLowOpenClose 图表类型

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

饼图

饼图显示一个整体如何添加达100%。我们的饼图包含：

扇形切片
扇形选择
扇形旋转

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

金融图表控件中可以获得金融图表类型。

旭日图

可视化层级数据从根节点（中心）向外到低的层级。内圆部分是外圆部分的父，即内圆角度扫描范围内的外圆部分。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

极坐标图

显示对很多变量的多元化观察力。

平台： WPF、UWP、WinForm

金融图表控件中可以获得金融图表类型。

雷达图

创建环形图展示对很多变量的多元化观察力。

平台： WPF、UWP、WinForm

金融图表控件中可以获得金融图表类型。

瀑布图

通过一系列的变化，显示从开始位置的变化。

包含：

中间合计
相对数据
连接线

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

漏斗图

以漏斗形状可视化过程的阶段，如销售。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

箱型图

通过四分值、平均值、中位数以及离散值，图形化的描述一组数据。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

误差棒图

表示数据的可变性，以指示测量中的误差或不确定性。

平台： WPF、UWP、WinForm、MVC

金融图表控件中可以获得金融图表类型。

与自带的图表控件相比

对比 FlexChart 和 Visual Studio 的图表控件

内置的图表元素可定制

使用内置的图表元素丰富你的图表

图表类型

堆积图

我们支持两种堆积图

堆积图反映的是每个值对总数的作用
百分比堆积图反映的是每个值对总数的相对作用

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

多轴

跨轴显示数据，这对显示以不同比例绘制不同的系列极其有用。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

图例，页眉和页脚

通过简单的属性设置显示和样式化图例，页眉和页脚。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

标记

通过标记将重要的事件标记到特定数据点上。

编辑，添加，删除和拖动标记
包含形状：
- 圆形
- 椭圆
- 图片
- 直线
- 多边形
- 矩形
- 正方形
- 文本

平台： MVC、LightSwitch

查看 Web 演示

命中测试

命中测试允许通过点击访问图表中的各个数据点，它会返回最近的图表元素。它可用于：

点击区域
向下钻取
访问细节

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

选择

FlexChart 提供了标准数据点和系列的选择

选择系列或点
选择多个绘图元素

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

定制标记和区域

标记是竖直线条，能够跟踪鼠标指针显示系列的数据值。FlexChart 拥有一个卓越的客户端 API，通过它可以很容易的创建自定义标记和区域，只要写上几行代码即可。

平台： WPF、UWP、MVC、LightSwitch

查看 Web 演示

缩放

使用对数坐标轴来描述集群数据，并不失精度下提高图表的清晰度。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

工具提示

FlexChart 提供了内置的工具提示支持。默认情况下，当用户触摸或鼠标悬停在数据点上时控件会自动显示工具提示。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

趋势线

通过完全自定义的趋势线预测一段时间总体上增加或减少的数据系列，它还支持多个曲线类型，包括：

多项式
指数
平均 X/Y
傅立叶
线性
对数
最大 X/Y
最小 X/Y
幂

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

范围选择

从图表中选择数据点的范围关注数据的子数据。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

轴绑定

创建自定义轴标签。

平台： WPF、UWP、WinForm、MVC

多绘图区

在单个图表上添加多个系列和区域，而不重叠数据。

平台： WPF、UWP、WinForm、MVC

堆积图

我们支持两种堆积图

堆积图反映的是每个值对总数的作用
百分比堆积图反映的是每个值对总数的相对作用

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

多轴

跨轴显示数据，这对显示以不同比例绘制不同的系列极其有用。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

图例，页眉和页脚

通过简单的属性设置显示和样式化图例，页眉和页脚。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

标记

通过标记将重要的事件标记到特定数据点上。

编辑，添加，删除和拖动标记
包含形状：
- 圆形
- 椭圆
- 图片
- 直线
- 多边形
- 矩形
- 正方形
- 文本

平台： MVC、LightSwitch

查看 Web 演示

命中测试

命中测试允许通过点击访问图表中的各个数据点，它会返回最近的图表元素。它可用于：

点击区域
向下钻取
访问细节

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

选择

FlexChart 提供了标准数据点和系列的选择

选择系列或点
选择多个绘图元素

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

定制标记和区域

查看 Web 演示

缩放

使用对数坐标轴来描述集群数据，并不失精度下提高图表的清晰度。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

工具提示

查看 Web 演示

趋势线

通过完全自定义的趋势线预测一段时间总体上增加或减少的数据系列，它还支持多个曲线类型，包括：

多项式
指数
平均 X/Y
傅立叶
线性
对数
最大 X/Y
最小 X/Y
幂

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

范围选择

从图表中选择数据点的范围关注数据的子数据。

平台： WPF、UWP、WinForm、MVC、LightSwitch

查看 Web 演示

试用 ComponentOne Enterprise 控件集

立即试用

体验 Demo

桌面应用

Web 开发

ASP.NET MVC：
- 控件浏览器： core | MVC
- FlexChart 101： core | MVC
- FlexPie 101： core | MVC
Web API
基于 ASP.NET 5 技术，FlexChart 可以作为 HTTP 服务（ASP.NET Web API 或者 RESTful）的一部分被托管。客户端应用（HTML/JS, MVC, 移动端）可以调用 Web 服务通过代码来创建图表图像并展示和导出。了解详情
HTML5 / JavaScript
JavaScript 平台的 FlexChart 可以 WijmoJS 在中获得。

资源

与我们的全球社区和支持人员协作

博客
.NET Charts：Modern Data Visualization and Faster Rendering with new FlexChart

Customize Chart Axis：Format, Plot, Scale, and More

How to Add Custom Tooltips to Charts

Exploring Chart Data Series Options with FlexChart

Get Started with FlexChart, a .NET Chart Control for WinForm and UWP

Web API：将 FlexChart 导出为图片

文档 WinForm WPF UWP MVC 示例查看全部

论坛 WinForm WPF UWP MVC 视频在 winform 下 FlexChart 使用入门

路线图

FlexChart 的新特性和即将推出的内容

2017 年已发布

WinForm，UWP，WPF 平台添加了箱型图和误差棒图。
WinForm，UWP，WPF 平台添加了轴绑定和多绘图区。
WinForm，UWP，WPF 平台向旭日图添加切片百分百。
为 ASP.NET MVC 中的新图表添加了脚手架。
漏斗图显示销售过程的漏斗形状。可用于 WPF，UWP，WinForm 和 MVC 平台。

近期已发布

金融图表。
WPF，UWP，WinForm，MVC 平台发布旭日图。
添加了极坐标图，雷达图和瀑布图。
RangeSelector, AxisScrollBar 和 LineMarker。

2017 年即将推出

匹配全部的 Excel 的图表

WPF, UWP, WinForm 平台的箱型图

ComponentOne 产品为开发者们提供了一些控件和解决方案，可以轻松集成到 Visual Studio 上。GrapeCity 始终及时发布和完善产品，始终支持最新的技术。包括 Visual Studio 2015，windows 10 和通用 Windows 平台（UWP）。

Mitra Azizirad, 总经理, 微软开发者平台市场部

我可以很确定地说，每当我需要完成一个特别的任务，ComponentOne 就包含它需要的控件。我使用过的控件的属性，方法和事件让我作为一个程序员在完成预期任务时拥有精细的控制。

Silv Sordello, 软件开发者

此次软件升级过程从选型到项目结束历时 2 个月，通过 Chart 控件，实现了快速开发，数据显示精准满足需求，曲线显示大气美观。去除了繁杂的 GDI+ 代码后，通过控制数据能够实时更新图形，增加了图形的交互能力。节约开发成本，项目取得了很好的升级效果。

闫鹏，软件开发工程师，天津市嘉信技术工程公司

了解更多

Componentone Enterprise

FlexGrid

FlexReport