Question

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

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

在上面的小提琴中，我有工具提示显示苹果系列的顶部和底部点的值，在小提琴中盘旋。我将如何设置当我将鼠标悬停在它们上方时还会显示中间点？

Answer 1

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

所以我把它从基本折线图转换为用线分散图。

用线
分散图 http://jsfiddle.net/S8wzF/1/或http://jsfiddle.net/S8wzF/2/

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

使用highcharts使用问题的原创小提琴

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

shared不需要，因此格式化的return语句也会相应修改。

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 loop”。
```
series.push({
    data: data,
    type: 'line',
    color: '#000',
    marker: {
        symbol: 'circle'
    },
    showInLegend: false
});
```

用于在高级图表中显示系列中间点的工具提示

1 个答案: