HighchartsReact使用Stacked area在悬停时在2个点之间添加线条

83qze16e 于 2023-10-20 发布在 Highcharts

关注(0)|答案(1)|浏览(126)

我想添加一条线，在悬停时连接图形上的两个点。目前看起来是这样的：

我想让它看起来像这样：

我目前的联系人：

plotOptions: {
            series: {
                marker: {
                    enabled: false,
                    symbol: "circle",
                    radius: 2,
                    states: {
                        hover: {
                            enabled: true,
                        }
                    }
                }
            },
            area: {
                stacking: 'normal', //Stacked area
                lineColor: '#666666',
                lineWidth: 1,
                marker: {
                    lineWidth: 1,
                    lineColor: '#666666'
                }
            }
        },

highcharts

来源：https://stackoverflow.com/questions/77118439/highchartsreact-adding-line-between-2-dots-while-hovering-using-stacked-area

1条答案

按热度按时间

kpbwa7wx1#

您可以通过添加xAxis.crosshair来实现：

配置示例：

xAxis: {
    crosshair: {
      width: 3,
      color: 'grey'
    }
  },

Demo：https://jsfiddle.net/BlackLabel/abspu5e1/
API引用：https://api.highcharts.com/highcharts/xAxis.crosshair

赞(0）回复(0）举报 2023-10-20

我来回答

HighchartsReact使用Stacked area在悬停时在2个点之间添加线条

1条答案

相关问题

热门标签

最新问答