たLOME

摘要： 与图表的交互，指在图形元素上设置一个或多个监听器，当事件发生时，做出相应的反应。 一、什么是交互 交互，指的是用户输入了某种指令，程序接受到指令之后必须做出某种响应。对可视化图表来说，交互能使图表更加生动，能表现更多内容。 例如，拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等 阅读全文

摘要： Update、Enter、Exit 是 D3 中三个非常重要的概念，它处理的是当选择集和数据的数量关系不确定的情况。 一、什么是 Update、Enter、Exit 这段代码使用的情况是当以下情况出现的时候：有数据，而没有足够图形元素的时候，使用此方法可以添加足够的元素。 假设，在 body 中有三 阅读全文

摘要： D3 支持制作动态的图表。有时候，图表的变化需要缓慢的发生，以便于让用户看清楚变化的过程，也能给用户不小的友好感。 一、什么是动态效果 绘制完成后不再发生变化的，这是静态的图表。 动态的图表，是指图表在某一时间段会发生某种变化，可能是形状、颜色、位置等，而且用户是可以看到变化的过程的。 例如，有一个 阅读全文

摘要： 一个完整的柱形图包含三部分：矩形、文字、坐标轴。制作一个实用的柱形图，内容包括：选择集、数据绑定、比例尺、坐标轴等内容。 1. 添加 SVG 画布 上面定义了一个 padding，是为了给 SVG 的周边留一个空白，最好不要将图形绘制到边界上。 2. 定义数据和比例尺 x 轴使用序数比例尺，y 轴使 阅读全文

摘要： 坐标轴，是可视化图表中经常出现的一种图形，由一些列线段和刻度组成。坐标轴在 SVG 中是没有现成的图形元素的，需要用其他的元素组合构成。 D3 提供了坐标轴的组件，如此在 SVG 画布中绘制坐标轴变得像添加一个普通元素一样简单。 一、坐标轴构成 在 SVG 画布的预定义元素里，有六种基本图形： 矩形 阅读全文

摘要： 比例尺是 D3 中很重要的一个概念，直接用数值的大小来代表像素不是一种好方法 一、为什么需要比例尺 制作一个柱形图，会有一个数组：var dataset = [ 250 , 210 , 170 , 130 , 90 ]; 绘图时，直接使用 250 给矩形的宽度赋值，即矩形的宽度就是 250 个像素。 阅读全文

摘要： 一、按钮简介： 按钮也是Bootstrap框架核心内容之一。因为按钮是Web制作中不可缺少的东西。 而且不同的Web页面具有不同的按钮风格，甚至说同一个Web网站或应用程序具有多种按钮风格，比如说不同的按钮颜色、大小和状态等。基础按钮.btn 默认按钮.btn-default 主要... 阅读全文

摘要： 一、基础表单 表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。 表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同， 而且不同的浏览器对表单控件渲染的风格都各有不同。 可以查阅boot... 阅读全文

摘要： 一、Bootstrap表格简介： 表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。 ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordere... 阅读全文

摘要： 一、HTML的列表 在HTML文档中，列表结构主要有三种：有序列表、无序列表和定义列表。具体使用的标签说明如下： 1、无序列表 … 2、有序列表 … 3、定义列表 … …二、Bootstrap列表 Bootstrap根据平时的使用情形提供了六种形... 阅读全文