1,判断参数是否传递 如果我们定义了一个带参数的方法,调用的时候这些参数可以全部传递、部分传递、甚至不传递。 // 带两个参数的方法......
一、箱形图 1,功能介绍 箱形图(Box-plot)又称为盒须图、盒式图或箱线图,是一种用作显示一组数据分散情况资料的统计图。 箱形图因形状如箱子而得名。在各种领域也经常被使用,常见于品质管理。 箱形图主要用于反映原始数据分布的特征,还可以进行多组数据分布特征的比较......
navigator.userAgent 是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。我们可以使用它来检测浏览器信息。 1,封装一个 browser() 方法 为了方便使用,这里创建一个方法来返回浏览器的检查结果。返回结果包含有如下属性: webkit......
一、折线区域范围图 1,效果图 折线区域范围图与普通面积图(填充图)不同之处在于,它每个刻度对应的数据都有一个最大值、最小值。 图表展示时会有动画效果,默认效果是从左往右逐渐绘制出来。 点击某个分类刻度时,会出现浮动提示框显示相关数据......
一、散点图 1,基本用法 (1)下面我们使用 AAInfographics 来显示一个简单的散点图,效果如下: 整个散点图一共展示两组数据(两个系列数据),每组数据使用不同的颜色和图例区分。 图表展示时会有动画效果,默认效果是从左往右逐渐绘制出来......
当我们通过 style 样式给 img 设置一个固定的大小时,图片就会按照这个大小来显示。同时设置后,使用 img 的 width 和 height 属性得到的也是我们设置的宽高,而不是图片原始尺寸。 如果想要获取图片的原始尺寸,根据浏览器的不同,有两种方法......
一、饼图 1,基本用法 (1)下面我们使用 AAInfographics 来显示一个简单的饼图,效果如下: 整个饼图使用不同的颜色和扇区来展示不同的数据。 图表展示时会有动画效果,默认效果是顺时针展开显示。 点击某个扇区时,会有选中效果,并出现浮动提示框显示相关数据......
在页面开发时我们少不了各种鼠标交互动作(点击、移动、按下、弹起)。而想要得到鼠标当前的位置坐标,可以通过对应的 event 对象来获取。 1,获取相对于“触发事件的元素”的坐标 (1)通过 event 对象的 offsetX 和 offsetY 可以获取到鼠标相对于当前所指向对象的坐标......
一、柱形图 1,基本用法 (1)下面我们使用 AAInfographics 来显示一个简单的柱状图,效果如下: 整个柱状图一共展示三组数据(三个系列数据),每组数据使用不同的颜色和图例区分。 图表展示时会有动画效果,默认效果是柱子从下往上升起......
一、折线填充图 1,基本用法 (1)下面我们使用 AAInfographics 来显示一个简单的折线填充图,效果如下: 整个柱状图一共展示三组数据(三个系列数据),每组数据使用不同的颜色和图例区分。 图表展示时会有动画效果,默认效果是从左往右逐渐绘制出来......