Question

我有一个带有2个y轴的高压图表 - 一个显示面积图，下面是柱状图。

我正在努力实现两件事（我知道这两件事都是可能的，但不知道怎么做）。

只有一个工具提示，而不是当前显示的3个
让工具提示跟随光标 - 跟踪光标为它在屏幕上移动，或仅出现在图表上被徘徊（实际上，图表将大于 codepen并要求滚动页面。

感谢任何帮助！

$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：https://codepen.io/anon/pen/ZozBZM

Answer 1

您要查找的选项是在工具提示中添加split:false。这会导致工具提示将其自身置于其中一个图形中心，而不是将鼠标悬停在高品质图表中的所有图形上。

找到了一个工作小提琴here

您可以在highcharts API

中找到更多信息

highstock双轴工具提示放置

1 个答案: