Highchart工具提示问题

Highchart tooltip issue

本文关键字：问题 工具提示 Highchart      更新时间：2023-09-26

在我当前的项目中，我们使用Hightchart来显示各种分析的图表。在折线图中，我们在悬停时显示工具提示。当只有两个系列（两行）图表成功渲染并在超过2时显示工具提示时，图表成功渲染，但工具提示仅显示最初的两行。当它超过2时，我如何显示所有行的工具提示。下面是plotOptions和系列数据的代码段。

  plotOptions: {
                area: {
                    fillOpacity:0.0001,
                    lineWidth: 2,
                    marker: {
                        enabled: false
                    },
                    shadow: false,
                    states: {
                        hover: {
                            lineWidth: 2
                        }                   
                    },                     
                    tooltip: {
                        headerFormat: '<span style="font-size:10px">{point.key}</span><br><table style="height:auto;width:300px;white-space:normal !important;overflow:auto">',
                        pointFormat: '<tr><td style="color:black;font-weight:normal;padding:2px;text-align: justify">{series.name}: </td>' +
                            '<td style="color:black;font-weight:normal;padding:0">{point.y}</td></tr>',
                        footerFormat: '</table>',
                        shared: true,
                        useHTML: true
                    },
                    threshold: null
                }
            }

下面是series:数据

[{"name":"Text1","type":"area","data":[[1262304000000,367],[1293840000000,0.1],[1325376000000,387],[1356998400000,397],[1388534400000,407]]},
{"name":"Text2","type":"area","data":[[1262304000000,272],[1293840000000,1.1],[1325376000000,292],[1356998400000,302],[1388534400000,312]]},
{"name":"Text3","type":"area","data":[[1262304000000,916],[1293840000000,2.1],[1325376000000,936],[1356998400000,946],[1388534400000,956]]},
{"name":"Text4","type":"area","data":[[1262304000000,546],[1293840000000,3.1],[1325376000000,566],[1356998400000,576],[1388534400000,586]]},
{"name":"Text5","type":"area","data":[[1262304000000,726],[1293840000000,4.1],[1325376000000,746],[1356998400000,756],[1388534400000,766]]},
{"name":"Text6","type":"area","data":[[1262304000000,774],[1293840000000,0.2],[1325376000000,794],[1356998400000,804],[1388534400000,814]]}]

更新：我进一步调查发现，当我们从图表中直线的起点或终点开始鼠标悬停时，它会显示所有人的工具提示，但如果从起点或终点以外的任何地方开始鼠标悬停，它不会显示工具提示

你的意思是这样的吗：http://jsfiddle.net/vr9B8/？

 tooltip: {
        formatter:function() {
            var len = this.series.chart.series.length - 1;
            if(len > 2)
                return 'content of tooltip';
            else
                return false;       
        }
    },
相关文章：