D3.js | d3.utcMinute函数

在D3.js中，d3.utcMinute函数是一个用于返回时间尺度的函数。在这个函数中，以UTC的分钟为单位进行计算，它也可以用来将时间点戳转换为UTC分钟表示。

语法

d3.utcMinute

返回值

d3.utcMinute返回一个时间刻度比例尺，其范围是从d3.utcMinute.floor(date)到d3.utcMinute.ceil(date)，两个函数将date向下和向上取整到分钟的边界。

示例

创造时间刻度比例尺

// 创造时间起点和终点
var date1 = new Date(Date.UTC(2019, 1, 20, 15, 24, 30));
var date2 = new Date(Date.UTC(2019, 1, 20, 15, 26, 30));

// 创造x轴刻度比例尺
var x = d3.scaleUtc()
          .domain([date1, date2])
          .range([0, 500]);

// 创造y轴刻度比例尺
var y = d3.scaleLinear()
          .domain([0, 100])
          .range([500, 0]);

var svg = d3.select("body")
            .append("svg")
            .attr("width", 500)
            .attr("height", 500);

// 创造x轴
var xAxis = d3.axisBottom(x)
              .tickFormat(d3.utcFormat("%H:%M")); // 以小时和分钟来形式化时间戳

svg.append("g")
   .attr("transform", "translate(0, 500)")
   .call(xAxis);

将时间戳转换为UTC分钟表示

// 将时间戳转换为UTC分钟表示
var t1 = d3.utcMinute(new Date(Date.UTC(2019, 1, 20, 15, 24, 30))); // 以UTC分钟表示时间戳
var t2 = d3.utcMinute(new Date(Date.UTC(2019, 1, 20, 15, 26, 30)));

console.log(t1); // 1546995900
console.log(t2); // 1546996200

总结

d3.utcMinute函数用于创建时间刻度比例尺，以UTC分钟为单位计算。此函数还可以将时间戳转换为UTC分钟表示。在使用此函数时，需要注意横轴的日期格式。