摘要: 上一节我们已经学习了线条样式和格栅的绘制,在这一节中我们将要根据之前绘制的线条对图表进行填充,首先来看一下我们的目标吧在这个图表中,我们对位于线条下面的空间进行了填充,那么,如何改做到呢?设置填充样式这里设置我们填充区域的样式,我们使用浅蓝色进行填充:.area{ fill: lightsteelblue; stroke-width: 0; }定义填充区域就像前面绘制线条之前一样,我们首先要对其进行定义//定义填充区域 var area = d3.svg.area() .x(function(d){ return x(d.date); }) ... 阅读全文
posted @ 2013-10-15 23:28 CodingMonkey 阅读(3190) 评论(1) 推荐(0) 编辑
摘要: 上一节中,我们已经画出了图表,并且给图表添加了坐标轴的标签和标题,在这一节中,我们将要学习几个绘制线条不同特性的几个函数,以及给图表添加格栅。ok,进入话题!如何给线条设置绘制的样式?这个其实非常简单,在我们之前定义的valueline基础上加一个.interpolate(“样式”)就行啦//定义线条var valueline = d3.svg.line() .interpolate("basis") .x(function(d){return x(d.date);}) .y(function(d){return y(d.close);});line().interpola 阅读全文
posted @ 2013-10-15 11:21 CodingMonkey 阅读(5555) 评论(1) 推荐(0) 编辑