摘要: 坐标轴,是可视化图表中经常出现的一种图形,由一些列线段和刻度组成。坐标轴在 SVG 中是没有现成的图形元素的,需要用其他的元素组合构成。 D3 提供了坐标轴的组件,如此在 SVG 画布中绘制坐标轴变得像添加一个普通元素一样简单。 一、坐标轴构成 在 SVG 画布的预定义元素里,有六种基本图形: 矩形 阅读全文
posted @ 2016-04-12 20:49 胡椒粉hjf 阅读(1704) 评论(0) 推荐(0) 编辑
摘要: 比例尺是 D3 中很重要的一个概念,直接用数值的大小来代表像素不是一种好方法 一、为什么需要比例尺 制作一个柱形图,会有一个数组:var dataset = [ 250 , 210 , 170 , 130 , 90 ]; 绘图时,直接使用 250 给矩形的宽度赋值,即矩形的宽度就是 250 个像素。 阅读全文
posted @ 2016-04-12 19:48 胡椒粉hjf 阅读(2620) 评论(0) 推荐(0) 编辑