奇怪的标签/工具提示行为,nvd3折线图

时间:2015-05-13 04:41:22

标签: javascript d3.js charts nvd3.js linechart

我可能会遗漏一些简单的东西,但是我的nvd3折线图表显示不是很正确。除了前两个夹在一起的x轴刻度之外,所有x轴刻度都是均匀间隔的:

Screenshot of the issue

我用来构建图表的代码是:

  var chart = nv.models.lineChart()
                  .useInteractiveGuideline(true)
                  .showLegend(true)
                  .showYAxis(true)
                  .showXAxis(true);

  chart.xAxis
      .orient("bottom")
      .tickFormat(function(d) {
          return d3.time.format('%d-%b-%y')(new Date(d))
      })
      .rotateLabels(-45);

  chart.yAxis
      .axisLabel('Number of Visits')
      .orient("left")
      .tickFormat(d3.format('d'));

  var myData = timeseriesData;      

  // render the chart
  d3.select('#timeseries-chart svg')
      .datum(myData)
      .call(chart)

  return chart;

关于如何将前两个方向分开的任何想法,以及为什么它们如此接近?

1 个答案:

答案 0 :(得分:0)

原来还有一天的数据。更仔细地过滤它就可以了。