繁体   English   中英

标签/工具提示行为异常,nvd3折线图

[英]Strange Label/Tooltip behavior, nvd3 line chart

我可能缺少一些简单的东西,但是我的nvd3折线图图形显示不正确。 除前两个夹在中间的x轴刻度外,所有x轴刻度都均匀分布:

问题的屏幕截图

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

  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;

关于如何将前两个刻度线分开以及为什么它们如此靠近的任何想法?

原来,还有额外的一天的数据。 更仔细地过滤可以达到目的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM