D3.js库-7-添加坐标轴
坐标轴
坐标轴是可视化图表中经常出现的一种图形,由一些刻度和线列段组成。D3中是没有现成的坐标轴,SVG中因而没有现成的图形元素,需要通过D3提供的其他组件来手动添加。...定义一个坐标轴
定义一个坐标轴需要使用上一篇文章中使用的比例尺。它们二者经常是一起使用的。...// 定义数据
const dateset = [80,160,20,100,300]
// 定义一个线性比例尺
const scaleLinear = d3.scaleLinear()
....60, bottom:60, left:60, right:60};
var dataset = [80, 160, 20, 100, 300];
// 定义一个线性比例尺....attr("height", rectHeight - 5)
.attr("fill", "blue");
// 为坐标轴定义一个线性比例尺