d3实现曲线面积图，柱状图，天气曲线 案例，web后端开发框架

.domain([Math.min.apply(null, this.data), Math.max.apply(null, this.data)])

.range([(this.height / 2), 0])

this.svg = d3.selectAll(this.el)

.append(‘svg’)

.attr(‘width’, this.width)

.attr(‘height’, this.height)

let self = this

this.drowLine = function() {//绘制曲线

self.lineGen.x(function(d, i) {

let index = i + 1

return index * self.padding - self.padding / 2

})

.y(function(d, i) {

return self.scale(d)

})

.interpolate(“cardinal”)

self.svg.append(‘g’)

.attr(“transform”, “translate(0,” + self.lineObj.top + “)”)

.append(‘svg:path’)

.attr(‘d’, self.lineGen(self.data))

.attr(‘stroke’, self.lineObj.color)

.attr(‘stroke-width’, self.lineObj.width)

.attr(‘fill’, ‘none’)

}

this.drowText = function() {//绘制文字

self.svg.selectAll(“text”)

.data(self.data)

.enter()

.append(‘text’)

.text(function(d, i) {

return d

})

.attr(‘x’, function(d, i) {

let index = i + 1

return index * self.padding - self.padding / 2

})

.attr(‘y’, function(d, i) {

return self.scale(