Javascript “海图”；面积“；没有正确地悬停

我使用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'

if$（'#瑞典银行每日领先(图)）。长度>0
data=PageData.swedbank每天的销售线索
swedbankLeadsPerDay=新的高点图表。图表
图表：
renderTo:“瑞典银行每天领先”
类型：“区域”
标题：
文本：空
工具提示：
格式化程序：->
日期=新日期（this.x）
返回日期.toDateString（）+'
'+“#{this.y}lead（s）”
xAxis：
键入：“日期时间”
#间隔时间：24*3600*1000天
图例：
已启用：false
系列：[
数据：数据，
点范围：24*3600*1000
]
亚克斯：
标题：
文本：“每日财务线索”

（注意：使用Coffeescript）

---

使用列时，它可以正常工作。有什么提示吗？

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

您能举个小例子吗？请注意，对于区域序列类型，触发工具提示的悬停是悬停在数据点上，而不是区域本身。工具提示也会一直持续到鼠标离开该系列-这意味着您所看到的一切都可能“正常”运行，如果您将鼠标悬停在某个点上，请在图表上移动鼠标，而不要靠近另一个数据点。。。fwiw创建一个小提琴几乎是不可能的，因为我使用了很多数据，东西来计算这些数据等等。不过我确实创建了一个图形的视频，所以你可以看到如果我像你建议的那样悬停会发生什么：我有一个“区域”在另一个区域工作的图形，没有任何问题，所以我很惊讶它并没有在这里正常工作。如果你的图表类型是area，你用什么样的plotOptions作为“column”类型？我做过的一些测试的一些遗留代码。将删除它。你能至少告诉我们你的数据变量包含什么吗？嗨，Pawel，谢谢你的回答！巧合的是，我们刚刚发现控制台输出了错误15，表示数据必须按升序排序。请将您的答案标记为正确答案，这也是正确答案：D您是否可以告诉我如何获取数据以达到边缘？现在，图表从左侧开始一天（某种程度上），从右侧结束一天。我的另一个图表会自动执行此操作。这是否也与排序有关？请尝试将

minPadding

和

maxPadding

设置为0。或

startOntick

和

endOnTick

为true。很难说没有看到一些实时代码。解决方案是从

系列：

部分中删除

pointRange:24*3600*1000

）