Javascript highstock双轴工具提示放置

Javascript highstock双轴工具提示放置,javascript,highcharts,tooltip,highstock,Javascript,Highcharts,Tooltip,Highstock,我有一个有两个y轴的高股价图——一个显示面积图,下面是柱状图 我正在努力实现两件事(我知道这两件事都是可能的,只是不知道怎么做) 只有一个工具提示,而不是当前显示的3个 让该工具提示跟随光标-或者按如下方式跟踪光标 它在屏幕上移动,或仅出现在显示的图表上 悬停在上方(实际上,图表将大于 代码打开并要求滚动页面) 谢谢你的帮助 $cumulative_chart = Highcharts.stockChart('container', { chart: { type: 'a

我有一个有两个y轴的高股价图——一个显示面积图,下面是柱状图

我正在努力实现两件事(我知道这两件事都是可能的,只是不知道怎么做)

  • 只有一个工具提示,而不是当前显示的3个
  • 让该工具提示跟随光标-或者按如下方式跟踪光标 它在屏幕上移动,或仅出现在显示的图表上 悬停在上方(实际上,图表将大于 代码打开并要求滚动页面)
  • 谢谢你的帮助

    $cumulative_chart = Highcharts.stockChart('container', {
        chart: {
            type: 'area',
            height: 500
        },
        plotOptions: {
            series: {
                //stacking: 'normal',
                dataGrouping: {
                    units: [[
                        'day',
                        [1]
                    ], [
                        'month',
                        [1, 3, 6]
                    ], [
                        'year',
                        null
                    ]]
                }
            }
        },
        yAxis: [{
            height: '50%'
        }, {
            top: '65%',
            height: '50%',
            offset: 0
        }],
         xAxis: {
            offset: 100
        },
        credits: {
            enabled: false
        },
        tooltip: {
                enabled: true,
                shared: true
            },
        series: [{
                type: 'area',
                data: [[1512086400000, 10626],[1512172800000, 21634],[1512259200000, 34994],[1512345600000, 51400],[1512432000000, 68430]],
                stack: 0,
                name: 'chart A',
                id: 'area'
            },
            {
                type: 'column',
                data: [[1512086400000, 10626],[1512172800000, 11008],[1512259200000, 13360],[1512345600000, 16406],[1512432000000, 17030]],
                stack: 1,
                name: 'chart B',
                yAxis: 1,
                id: 'column',
                showInLegend: false
            }]
    });
    

    codepen:

    您正在寻找的选项是在工具提示中添加
    split:false
    。这会导致工具提示围绕一个图形居中,而不是在highstock图表中的所有图形上悬停

    发现了一把正在工作的小提琴


    您可以在

    中找到更多信息,我不完全确定,但我认为在工具提示中添加
    split:false
    将解决大部分问题!我完全错过了这个。这就解决了问题。