为什么我的X（时间）轴上没有刻度线？

Question

问题：

为什么我的X（时间）轴gMap = new google.maps.Map(document.getElementById('map')); gMap.setCenter(new google.maps.LatLng(39.8097343, -98.5556199)); gMap.setZoom(3); 上没有嘀嗒声？

CODE：

xAxis

Answer 1

您的代码中存在一些问题，但我只会解决与x轴刻度相关的问题：

1. 您希望解析字符串并返回日期，而不是相反。因此，timeFormat不应使用conts format，而应使用timeParse：

   const format = d3.timeParse(specifier) 
   

2. 这给我们带来了第二个问题：const format中的说明符是错误的。您在这里丢失%d，这是一天，因为您的字符串是这样的："1947-01-01"。所以，它应该是：

   const format = d3.timeParse("%Y-%m-%d")
   

3. 您必须在日期中使用解析器：

   const  mindate = format(dataset[0][0]); 
   

   对maxdate执行相同操作。

以下是您更新的CodePen：https://codepen.io/anon/pen/GmjRzY?editors=1010