javascript - Highcharts“区域”未正确悬停

Question

我正在使用 Highcharts 显示我们每天获得的潜在客户数量： 但是，当我将鼠标悬停在图表上时，它无法正常工作。查看鼠标的位置和信息框的位置。

这是我的代码：

  if $('#swedbank_leads_per_day_graph').length > 0
  data = PageData.swedbank_leads_per_day
  swedbankLeadsPerDay = new Highcharts.Chart
    chart:
      renderTo: 'swedbank_leads_per_day_graph'
      type: 'area'
    title:
      text: null
    tooltip:
      formatter: ->
        date = new Date(this.x)
        return date.toDateString() + '<br />' + "#{this.y} lead(s)"
    xAxis: 
      type: 'datetime'
      # tickInterval: 24 * 3600 * 1000 # Days
    legend:
      enabled: false
    series: [
      data: data,
      pointRange: 24 * 3600 * 1000
    ]
    yAxis:
      title:
        text: 'Finance leads per day'

（注意：使用 Coffeescript）

使用列时，它可以正常工作并且应该如此。有小费吗？

Answer 1

您的数据未针对 xAxis 进行排序 - 确保您的值会提高。另外，我建议将 Highcharts 升级到 3.0.5 版本 - 然后在 JS 控制台中，您将收到包含未排序数据（以及更多其他数据）的错误消息。