绘制坐标轴
传统坐标轴
这里指的是 第一象限 的坐标轴,即两轴的坐标均为正数,坐标原点为(0,0)
具体可以看 这里,说的比较详细。...十字坐标轴
这里指的是 全象限 坐标轴,即两轴的坐标均从-∞开始,坐标原点为(0,0)
本质上,仍然是一般坐标轴的变形,主要原理有两点:
一是利用 比例尺 对源数据做符合中心坐标轴的变换;
二是创建坐标轴时利用...attr("transform","translate(0,"+0.5*svgHight+")")来对坐标轴进行平移,从而达到原点在画布中心的十字坐标轴的效果。...X轴, svg中: g元素是一个分组元素
svg.append('g')
.attr('class', 'axis')
.attr("transform","translate(0,"+...text')
.attr('x', svgWidth / 2 - 120)
.attr('y', 30)
.attr('class', 'title')
.text('这是一个用