Question

我正在根据数组中包含的值绘制折线图。我有一个包含x轴索引的数组和一个包含y轴值的数组。

我从x和y开始作为线性刻度。现在我将x轴更改为时间刻度，因为我希望每n个元素都有第二个标记。 n是一个从绘图变为绘图的变量。

绘图仍在使用时间刻度，但刻度线消失了。

如何以秒显示的方式配置时间刻度的刻度。

到目前为止，这是我的x轴代码：

var xScale = d3.scaleTime().range([MARGINS.left, WIDTH - MARGINS.right]).domain([scaleMin, scaleMax]);
xAxis = d3.axisBottom(xScale)
        .ticks(10);
svg.append("g")
        .attr("class", "axis axis--x")
        .attr("transform", "translate(0," + (HEIGHT - MARGINS.bottom) + ")")
        .call(xAxis);

数组看起来像这样： data包含值并缩放值的索引。

var data = [8458,8485,8502,8527,8578,8617,8638,8678,8712,8732,8783,8814,8780,8752,8750,8716,8677,8668,8647,8610,8589,8583,8579,8570,8546,8534,8526,8486,8453,8461,8466,8454,8449,8452,8450,8441,8431,8429,8435,8437,8421,8407,8418,8429,8423,8418,8421,8431,8446,8436]
var scale = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50]

d3.js - d3.scaleTime - 蜱和排列

0 个答案: