条形图是一种把连续数据画成数据条或者数据柱的表现形式。Wijmo条形图控件(wijbarchart)允许用户自定义条形图。


HTML5 bar charts

HTML5 图表

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


Column charts

柱状图

只需要把控件的Horizontal属性设置为False,就可以把Wijmo条形图轻松转换为一个柱形图。

多个连续数据

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


Stacked bar charts

堆栈式条形图

Wijmo 条形图控件支持堆栈式条形图,只需要把Stacked属性设为True,就能打开这个功能。

实时数据

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

动画

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


Chart tooltips

消息提示框

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

外观

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

日期时间

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

自动轴

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


Bar chart axis origin

轴起点

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

标签

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