【问题标题】:Highstock cant click on scatter point with line seriesHighstock 无法单击带有线系列的散点
【发布时间】:2013-02-07 23:59:43
【问题描述】:

我想在散点系列上注册一个点击事件。当图表上没有显示其他系列时,此方法有效。但是,当显示线条系列时,我无法在分散系列上发生点击。它只注册在线系列。无论我将系列添加到图表中的顺序如何,都会发生这种情况。在这种情况下,如何在散点上注册点击事件?

我在这里有一个问题示例:http://jsfiddle.net/scottmlaplante/AfNzC/1/

var chart = new Highcharts.StockChart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    navigator:{
        baseSeries:1  
    },
    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function(event) {
                        alert ('Category: '+ this.category +', value: '+ this.y + event.point.series.name);
                    }
                }
            }
        }
    },

    series: [
        {
        type: "scatter",
        name: "scatter series",
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    },
        {
        type: "line",
        name:"line series",
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

【问题讨论】:

    标签: highcharts highstock


    【解决方案1】:

    您可以通过检查系列的索引来识别哪个系列点是 clickec。

    if(this.series.index==1)
                            alert('scatter');
                        else
                            alert('line')
    

    http://jsfiddle.net/scottmlaplante/AfNzC/1/

    【讨论】:

    • 根据这个答案,它无法识别我点击的系列,即使我点击了在线,它也只会打印“分散”。这里,索引 1 是线系列。如何让事件识别我点击了散点?
    猜你喜欢
    • 2018-06-28
    • 1970-01-01
    • 1970-01-01
    • 2012-10-13
    • 1970-01-01
    • 2014-01-10
    • 1970-01-01
    • 1970-01-01
    • 2012-11-25
    相关资源
    最近更新 更多