高图表.悬停时突出显示折线图日期间隔

Highcharts. Highlight line chart date interval on hover

本文关键字：折线图 日期 显示 悬停 高图表      更新时间：2023-09-26

我正在尝试在将鼠标悬停在折线图的单个部分时实现突出显示。在section下，我的意思是(在我的例子中(垂直线之间的空间，这些垂直线表示单独的日期间隔，具体取决于图表缩放级别。图表本身具有动态数据，这些数据是从具有更详细数据的终结点中提取的，具体取决于放大的日期间隔。

在调查过程中，我发现了x/yAxis的plotBands财产。但问题是，此属性只允许手动设置每个plotBand。

所以问题是，是否有一些东西可以帮助我为每个单独的时间"间隔"自动创建plotBands或类似的可悬停/可点击的东西？

你可以

根据需要动态设置TestValue，并使用类似这样的JSFiddle：

plotBands: [{ 
                color: '#FCFFC5',
                from: ($.TestValue)+1,
                to: ($.TestValue)+2
            },...]
相关文章：