Highcharts Areaspline - 突出显示悬停效果的列

时间:2016-04-13 22:26:17

标签: javascript jquery html css highcharts

坚持突出区域样条列的问题。没有通过Chartjs找到任何解决方案,而Highcharts也没有帮助我。我需要突出显示x轴列,但直到图表曲线。在我的代码中,我使用的是Crosshair,但这并不是我需要的。

xAxis: {
        allowDecimals:false,
        min: 1,
        max: 12,
        categories: ['', 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC', ''],
        labels: {
            y: -10,
            style: {
                color: '#66717c',
                fontSize: '13px'
            }
        },
        tickWidth: 0,
        lineColor: "#fff",
        crosshair: {
            width: 60,
            color: 'rgba(73,168,222,0.5)',
            zIndex: 5
        }
    },
    yAxis: {
        title: {
            text: ''
        },
        gridLineWidth: '0',
        visible: false
    }

我的结果:

Img01

我需要的是:

Img02

有人知道如何实现这个目标吗?

1 个答案:

答案 0 :(得分:4)

如果您要添加另一个系列,它将堆叠在真实系列的顶部,并且百分比堆叠,那么您可以使用该区域填充部分透明并将crosshair置于系列之下。假系列应该用作覆盖你想要隐藏的crosshair部分的东西。

示例:http://jsfiddle.net/aft9esqr/