[数据可视化] 水浒传人物出场次数
水浒传人物出场次数 开源地址 github链接 运行环境 d3.js html 代码分析 坐标轴 坐标轴由三个部分组成,比例尺、坐标轴和绘制坐标轴 比例尺 比例尺的作用是将不同的数据大小转换为坐标轴范围的位置,其一种实现语法如下: // 图一坐标轴 var xScale1 = d3.scaleLinear() .domain([1, 120]).range([0, 1300]); var yScale1 = d3.scaleLinear() .domain([0, 650]).range([600, 0]); scaleLiner()指的是一个线性比例尺,指的是数据范围与坐标轴范围成线性对应关系 domain()中是实际的数据大小范围 range()是坐标轴的位置范围,网页坐标系中x,y是一个以左上角为原点,向右为x正方向,向下为y正方向的坐标系,所以在设置y轴比例尺时,值越大对应的y值越小。 坐标轴 坐标轴是为了描述坐标轴的样式 const xAxis1 = d3.axisBottom(xScale1) .ticks(120); const yAxis1 = d3.axisLeft....