禁用时,Highcharts / Highstock工具提示十字准线出现在导航器的顶部

时间:2014-02-23 11:42:14

标签: javascript highcharts highstock

我正在尝试使用Highstock中的柱形图在时间轴上表示多系列事件。

我想完全禁用在图表周围移动鼠标时出现的十字准线。它在the documentation中非常清楚地表明只需将tooltip.crosshairs设置为false即可禁用十字准线。但是,在这样做之后,十字准线仍会显示在图表的导航器部分上。

enter image description here

jsFiddle:jsFiddle showing problem

Highcharts.stockChart配置:

chart = new Highcharts.StockChart({
    chart: {
        alignTicks: true,
        animation: true,
        backgroundColor: '#fff',
        events: {
            load: function (e) {
                this.xAxis[0].setExtremes(1398859200000, 1414753200000);
            }
        },
        ignoreHiddenSeries: true,
        renderTo: $('#chart')[0]
    },
    colors: [
        '#89f1a4',
        '#68d9f7',
        '#9eb9ef',
        '#c49eef'
    ],
    credits: {
        enabled: false
    },
    legend: {
        align: 'center',
        borderWidth: 0,
        enabled: true,
        navigation: {
            animation: true
        },
        shadow: false,
        verticalAlign: 'top'
    },
    rangeSelector: {
        enabled: false
    },
    scrollbar: {
        enabled: false
    },
    title: {
        text: ''
    },
    tooltip: {
        crosshairs: false,
        shared: true
    },
    navigator: {
        height: 40,
        margin: 10,
        maskFill: 'rgba(233, 233, 233, 0.7)',
        outlineWidth: 0,
        series: {
            type: 'column',
            stacking: 'normal',
            dataGrouping: {
                enabled: true,
                forced: true,
                units: [[
                    'week',
                    [1]
                ]]
            }
        }
    },
    plotOptions: {
        series: {
            showInLegend: true,
            stacking: 'normal',
            dataGrouping: {
                enabled: true,
                forced: true,
                units: [[
                    'week',
                    [1]
                ]]
            }
        }
    },
    yAxis: {
        gridLineWidth: 0,
        labels: {
            enabled: false
        },
        max: 24,
        min: 0,
        ordinal: false
    },
    xAxis: {
        dateTimeLabelFormats: {
            millisecond: '%H:%M:%S.%L',
            second: '%H:%M:%S',
            minute: '%H:%M',
            hour: '%H:%M',
            day: '%e. %b',
            week: '%b %Y',
            month: '%b %Y',
            year: '%Y'
        },
        labels: {
            style: {
                color: '#ccc'
            }
        },
        minRange: 604800000,
        ordinal: false
    },
    series: data
});

我的问题:

我无法在API文档中的Navigator配置中的任何位置找到“十字准线”选项。我错过了什么,或者这是一个错误?

非常感谢任何帮助!

0 个答案:

没有答案