- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 d3.js学习10----折线图的制作
一切尽在注释中………………ZheXian var dataset=[5,3,1,5,2,4,2];varxMarks=['Mon','Tues','Wed','Thur','Fri','Sat','Sun'];var w=600;var h=400;var title="Beijing";var subTitl
2016-10-24 20:45:08
3182
原创 d3.js学习9----地图的制作2
d3.json() 不能直接读取本地文件，所以我就用xampp弄了web服务器，然后把代码里的 链接里的d3.v3.min.js文件下载下来，放在本地，然后改成 然后用xampp的https://local/…………打开，终于显示正确了。 下面来细化一下那个地图的每一个步骤，自己做一个北京市的地图：1、首先，我把上次的中国地图的代码直接在d3.json("beijing
2016-10-23 19:52:06
1004
原创 xamp设置web服务器
1、首先xamp的安装很简单，一直next直到finish就行了。打开安装路径，先按照网上的做法把apache\conf\httpd.conf里的端口80改成81，同样把apache\conf\extra\httpd-vhosts.conf里的80改成81。把33apache\conf\extra\httpd-ssl.conf 的443改成4433，把xampp\mysql\bin
2016-10-22 13:59:17
1762
转载 d3.js学习9----地图的制作
首先是 地图数据的获取制作地图需要 JSON 文件。 将 JSON 的格式应用于地理上的文件，叫做 GeoJSON 文件。本文就是用这种文件绘制地图。那么如何获取中国地图的 GeoJSON 文件呢，真的有点麻烦，可以参照： https://github.com/clemsos/d3-china-map 进行制作。这不仅需要安装一些东西，还要研究一下制作方法，对想直接下载获取
2016-10-20 17:04:32
673
转载 d3.js学习8----饼图的制作
1. 数据 有如下数据，需要可视化： vardataset = [ 30 , 10 , 43 , 55 , 13 ]; 这样的值是不能直接绘图的。例如绘制饼状图的一个部分，需要知道一段弧的起始角度和终止角度，这些值都不存在于数组 dataset 中。因此，需要用到布局，布局的作用就是：计算出适合于作图的数据。 这一
2016-10-20 16:35:30
655
转载 d3.js学习7----交互
与图表的交互，指在图形元素上设置一个或多个监听器，当事件发生时，做出相应的反应。 1. 什么是交互 交互，指的是用户输入了某种指令，程序接受到指令之后必须做出某种响应。对可视化图表来说，交互能使图表更加生动，能表现更多内容。例如，拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等。 用户用于交互的工具一般有三种：鼠标、键盘、触屏。 2. 如何添加
2016-10-20 16:33:54
959
转载 d3.js学习6----完整的条形图表
一个完整的柱形图包含三部分：矩形、文字、坐标轴。本章将对前几章的内容进行综合的运用，制作一个实用的柱形图，内容包括：选择集、数据绑定、比例尺、坐标轴等内容。 1. 添加 SVG 画布 //画布大小var width = 400;var height = 400; //在 body里添加一个 SVG 画布 var svg = d3.select("bo
2016-10-20 14:36:37
1221
转载 d3.js学习5----比例尺和坐标轴
【 D3.js 入门系列 — 4 】 比例尺的使用发表于2014/06/20比例尺是 D3 中很重要的一个概念，上一章里曾经提到过直接用数值的大小来代表像素不是一种好方法，本章正是要解决此问题。1. 为什么需要比例尺上一章制作了一个柱形图，当时有一个数组：var dataset = [ 250 , 210 , 170 , 130 , 90 ];
2016-10-20 11:24:47
1022
转载 d3.js学习4----做一个简单的图表
柱形图是一种最简单的可视化图标，主要有矩形、文字标签、坐标轴组成。本文为简单起见，只绘制矩形的部分，用以讲解如何使用 D3 在 SVG 画布中绘图。 1. 画布是什么 前几章的处理对象都是HTML 的文字，没有涉及图形的制作。 要绘图，首要需要的是一块绘图的“画布”。 HTML5 提供两种强有力
2016-10-19 23:53:24
706
转载 d3.js学习3----选择、插入、删除元素
本文介绍在 D3 中选择、插入、删除元素的方法。1. 选择元素在【入门 – 第 2.0 章】中，已经讲解了 select 和 selectAll，以及选择集的概念。本节具体讲解这两个函数的用法。假设在 body 中有三个段落元素：ApplePearBanana现在，要分别完成以下四种选择元素的任务。1.1 选择第一个 p 元素使用
2016-10-19 22:55:29
3757
转载 d3.js学习2----一些基本文本操作
D3.JS总的来说，D3是这样一个特殊的JavaScript库，它利用现有的Web标准，通过更简单的（数据驱动）方式来制作炫目的可视化效果。先来看一下helloworld的实现----从HTML到javascript到d3.js的改进：Html版： HelloWorld
2016-10-19 15:45:30
4059
转载 d3.js学习1----json文件格式
1. JSON 格式JSON（JavaScript Object Notation）就是javascript对象表示法， 是一种轻量级的数据交换语言，以文字为基础，且易于让人阅读。尽管 JSON 是 Javascript 的一个子集，但 JSON 是独立于语言的文本格式，并且采用了类似于C语言家族的一些习惯。json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组
2016-10-18 16:54:29
4200
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人