由于 AAInfographics 内部使用的是 Highcharts 这个 H5 图表库，因此我们也可以使用原生配置（Options）的方式来设置图表显示的内容。下面以这种方式来显示一个仪表盘为例。 1，效果图 （1）下面显示一个 0 ～ 200 范围的速度仪，同时不同刻度范围......
通常来说我们获取到的文件大小，或者数据库里保存的文件大小都是以字节为单位的。但如果需要在页面上显示，为了方便阅读，就需要将其格式化为合适的单位显示。比如：1.5G、200.00M... 1，封装一个格式化方法 为了方便使用，我们创建一个 formatSize......
一、动画效果（缓动效果） 1，修改动画效果 （1）在图表展示时是有动画效果的，默认使用的是 easeInQuad 这个缓动效果。除此之外，AAInfographics 还内置了如下这些效果： easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic......
AAInfographics 还可以实现混合图表，即将折线图、柱状图、区域范围图、散点图、气泡图.....中的一种或多种类型图表同时显示在一个坐标系中。 一、折线图、区域范围图组合使用 1，效果图 下面图表中同时显示折线，以及折线区域范围： 折线区域范围表示......
1，判断参数是否传递 如果我们定义了一个带参数的方法，调用的时候这些参数可以全部传递、部分传递、甚至不传递。 // 带两个参数的方法......
一、箱形图 1，功能介绍 箱形图（Box-plot）又称为盒须图、盒式图或箱线图，是一种用作显示一组数据分散情况资料的统计图。 箱形图因形状如箱子而得名。在各种领域也经常被使用，常见于品质管理。 箱形图主要用于反映原始数据分布的特征，还可以进行多组数据分布特征的比较......
navigator.userAgent 是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。我们可以使用它来检测浏览器信息。 1，封装一个 browser() 方法 为了方便使用，这里创建一个方法来返回浏览器的检查结果。返回结果包含有如下属性： webkit......
一、折线区域范围图 1，效果图 折线区域范围图与普通面积图（填充图）不同之处在于，它每个刻度对应的数据都有一个最大值、最小值。 图表展示时会有动画效果，默认效果是从左往右逐渐绘制出来。 点击某个分类刻度时，会出现浮动提示框显示相关数据......
一、散点图 1，基本用法 （1）下面我们使用 AAInfographics 来显示一个简单的散点图，效果如下： 整个散点图一共展示两组数据（两个系列数据），每组数据使用不同的颜色和图例区分。 图表展示时会有动画效果，默认效果是从左往右逐渐绘制出来......
当我们通过 style 样式给 img 设置一个固定的大小时，图片就会按照这个大小来显示。同时设置后，使用 img 的 width 和 height 属性得到的也是我们设置的宽高，而不是图片原始尺寸。 如果想要获取图片的原始尺寸，根据浏览器的不同，有两种方法......