注释!注释!(2) - Line Chart

2016-03-26
阅读 1 分钟
2k
我的目标是,注释100个d3.js的例子。 可能是史上最详细的 。 LineChart是Basic Charts里的第二个例子。 解析 1 前面几行,可以参考一下前面的第一个例子: Area Chart 2 {代码...} 这段是相对于第一个例子里的创立的: {代码...} 从这两个例子看出,svg是非常重要的api,它用来绘制图片中核心的部分:数据可视化后的形式。...

注释!注释!(1) - Area Chart

2016-03-25
阅读 4 分钟
3k
纯粹的JavaScript代码。首先定义上下左右margin的值。然后以960和500作为整个图表(包括空白部分)的宽和高,除去空白部分,算出图表真实的大小。这也就是x轴(width)和y轴(height)的长度。