通过Wijmo折线图表控件(wijlinechart)可以将折线图、面积图和曲线图集成到您的网站中。折线图可以将每个连续数据绘制成为相连接的数据点,并且包含丰富的自定义功能和动画。


HTML5 图表

HTML5 图表

可缩放矢量图形(SVG)技术的使用让这些图表变得更加强大。SVG可以完美地在HTML5中产生丰富而且是互动的视觉效果。使用SVG技术的图表有着以下优点:是真正的客户端图表,是DOM友好的图表(DOM-friendly),支持硬件图形加速,支持交互式动画和消息提示框以及视频流,而且图表不需要额外的插件。


面积图

面积图(Area charts)

通过创建一个Wijmo面积图您可以看到数值的变化。使用它就像填充连接各种数据点的折线下方的图形部分一样简单。


曲线图(Spline charts)

曲线图(Spline charts)

曲线图是折线图和面积图的特殊形式。曲线图是通过数据点画一个拟合曲线,而不是用直线连接数据点。在曲面图表类型(the Spline Area chart type)中,面积图可以通过一个连续数据中的各个数据点来绘制拟合曲线。您只需定义图表条目中的连续数据(a series of chart items),折线图表控件将完成剩下的一切。

实时数据

所有的Wijmo图表都为实时数据流优化过。这些图表可以随着数据变化而产生动画效果,并且可以通过可视化让数据集里的数据呈现出渐变的效果。


消息提示框

消息提示框

当把消息提示框和链接与图表元素关联起来,图表就可以响应鼠标事件。控件使用客户端HTML image map来处理。

多个连续数据

在涉及到多个相关数据对比的时候,就需要在Wijmo条形图中显示多个连续数据。这在图表使用中会经常用到。


符号

符号

请使用符号,例如图像,作为一个折线图中的标记。

外观

Wijmo 条形图大量的属性集能够为您改变图表的外观提供方便。您可以用不同的颜色表示不同的连续数据,或者是同一个连续数据中的不同元素,甚至图表元素中的阴影。不但颜色,尺寸和位置都是可以调节的,这些特性可以帮助您设计出拥有优秀用户体验的程序。


日期时间

日期时间

您可以按照DateTime格式字符串编排数据的格式。Wijmo条形图能够根据数据本身自动产生数字注释。

自动轴

Wijmo条形图可以自动生成图表轴。


轴起点

轴起点

Wijmo条形图支持负值,而且能够通过使用每一个轴的Origin属性完美地显示这些负值。Origin属性告诉控件哪里是轴的起点。当需要在同一张图表上显示负数和正数的时候,这个特性就显得非常棒。


标签

标签

能够增加带有标签的图表的可读性,并且可以强调包含重要数据的点,也为图表和数据提供了详细信息。

动画

这可以为您的图表加入特殊效果。打开transition设置,页面加载的时候图表可以按照多种方式改变,比如bounce、elastic等等。