jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭秘（三）

Data Chart（数据图表）

Ignite UI jQuery数据图对于HTML5开发人员来讲已是最强大的图表控制。13.2版本甚至为网络应用和混和应用开发人员带来了更多精华，，新的外观和体验、对渐变的支持、新的范围选择器、对Knockout JavaScript库的支持等等。本次更新提高了用户在图表中与数据交互的体验——用他们的鼠标或触屏手势。

关键功能

• 新外观和体验——Ignite UI提供丰富的交互功能和超过40种图表类型，无与伦比的性能和处理成千上万甚至百万数据点的能力，在13.2中，Ignite UI在igDataChart视觉部分有有了诸多升级，所以极大的加强了数据虚拟化网页和显示面板应用的整体外观和体验。视觉提高包括新功能、新样式和对默认值的改变，如：轴命名、渐变、阴影效果、标签、幻灯片、轴刻度标记等。
• 支持图表命名——igDataChart控制的标题和子标题功能容许你添加信息到图表控制的顶部。当添加一个标题和/或子标题到图表控制时，图表内容自动调整大小以容下标题和/或子标题信息。
• 轴命名——igDataChart控制的轴命名功能容许你添加先后关系的信息到xamDataChart控制的x轴和y轴中。你能够经过制定TitleSettings对象的属性，如角度、字体大小和定位等。
• 支持渐变——igDataChart如今在多图表类型中支持颜色渐变范围的使用，包括列、区域、区域样条线等等。

• 阴影效果——igDataChart如今支持阴影效果以加强个体系列的视觉效果。开发人员能够控制阴影深度、偏移、方向、颜色和模糊等各类属性。

Pie Chart（饼状图表）

Labeling Callout Lines with Curves——该功能新增了两个曲线类型到用于在igDoughnutChart 和igPieChart中调出线的直线。你能够选择使用一条直线或曲线中的一条，改变线的样式并控制标签和线的端点之间的间距。

• 系列高亮——该功能容许你高亮显示一整个系列或系列内的个体项目，如高亮显示系列中的整行。个体标记能够在全部支持的系列中高亮显示。系列高亮功能支持以下系列类型：类别系列、范围类别系列、财务系列。
• 旋转&触屏交互——数据图表控制支持新的交互，当用户用鼠标或触屏手势旋转图表数据系列便可触发。旋转交互能够显示十字准线。你还能够附加工具提示到这些旋转交互中而且锁定它们到十字准线或轴上。Startup Animations（启动动画）——该功能使得加载新数据源时更有生气。可用的动画因涉及的系列类型而异。动画转换能够经过设置IsTransitionInEnabled属性为“true”来启用（默认状况下，动画转换是禁用的）。
• 缩放条/量程选择器——新的缩放条功能，被认知为一个量程选择器或时间导航，容许开发人员附加第二个图表窗口到数据图表以操纵图表的X轴范围，一般是在财务图表中选择一个日期范围，缩放条则是在图表中虚拟化数据切片的很不错的工具。
• KnockoutJS支持——igDataChart控制中对Knockout库的支持是要使得开发人员能更轻松地使用Knockout库。
• 性能优化——Infragistics一直致力于在控制中达成更好的性能。Ignite UI图表在几毫秒内测的刷新率上能实时显示百万数据点。当新增新功能并带来视觉改变时，咱们确保性能不会受负面影响。13.2版本中的igDataChart相较于以前版本的确由于这些优化技术而提高了很多性能。
• 默认工具提示——经过设置showTooltip属性为“True”，工具提示将展现特殊系列项目的全部相关信息（系列命名、数据值、轴值等），其样式与系列样式匹配。