highcharts - 在高图中显示系列中点的工具提示

Question

我在一个系列下有一系列点，我希望工具提示显示该系列中的所有点，但我的工具提示显示所选的顶部和底部点，并且不通过工具提示显示剩余的点。如何解决这个问题？

http://jsfiddle.net/#&togetherjs=7IfUNtFkAE

在上面的小提琴中，我有工具提示显示苹果系列的顶部和底部点的值，悬停在小提琴上。当我将鼠标悬停在它们上方时，我将如何使其中点也显示？

Answer 1

• 正如 Paweł Fus 在评论中指出的那样，数据并没有为 highcharts 做好准备。

  因此，我将其从基本折线图转换为带有 line 的散点图。

  
  带有线http://jsfiddle.net/S8wzF/1/或http://jsfiddle.net/S8wzF/2/的散点图

  参考：
  http ://www.highcharts.com/demo/scatter
  http://www.highcharts.com/demo/combo-regression

---

• 原始小提琴与 highcharts 使用问题

  • useHTML在使用 HTML 格式时添加工具提示。

  • shared不需要，因此格式化程序的返回语句被相应地修改。

    tooltip: {
        useHTML: true,
        formatter: function () {
            return '<b>' + this.x + '</b><br/>' + 'fruit_id' + ': ' + this.point.fruit_id + '<br/>' + 'Values' + ': ' + this.point.y + '<br/>' + 'Mean' + ': ' + this.point.mean + '<br/>' + 'Median' + ': ' + this.point.median + '<br/>' + 'Min' + ': ' + this.point.min + '<br/>' + 'Max' + ': ' + this.point.max + '<br/>'
        }
    }
    

---

• 原始代码包含 Javascript 问题（与 highcharts 无关）

  该系列错误地添加了数据，因为它在循环内。

  将这段代码放在“for循环”之外。

  series.push({
      data: data,
      type: 'line',
      color: '#000',
      marker: {
          symbol: 'circle'
      },
      showInLegend: false
  });