点击事件Highchart legends

时间:2017-11-23 09:37:14

标签: php highcharts yii yii2

我在高图表上有以下系列,当我点击图例时会出现一条警告信息。当我提供此警报窗口时,我已经为系列名称'花费' 提供了type : 'spline'。任何人都可以帮忙

  

当我删除类型时:' spline'它将出现在系列内部   警报信息。我给出了一个共同的类型:' line'如下

$('#conv').highcharts({
        chart: {
            zoomType: 'xy',
            type: 'line',
        },

系列低于

series: [{
                name: 'Spend',
                type : 'spline',
                marker: {symbol: 'circle',
                        fillColor: '#5cabf5',                     
                },
               // type: 'column',

                yAxis: 1,
                color: '#5cabf5',
                data: [<?php echo $spend;?>],
                tooltip: {
                    valueSuffix: ' $'
                }
            },
            {
                name: 'Total Conversions',

                marker: {symbol: 'circle',
                        fillColor: '#e65100',                     
                },
                color: '#e65100',
                data: [<?php echo $total;?>],
                }*/
            }]

警报事件在下面给出

plotOptions: {
            line: {

                events: {
                    legendItemClick: function () {
                            var series = this.chart.series;
                             var seriesIndex = this.index;
                            var thisSeries=this.name;
                            var invisib=[];
                            invisib.push(thisSeries);

                             var visibility = this.visible ? 'visible' : 'hidden';

                            for (var i = 0; i < series.length; i++){
                                    if(series[i].visible==false){
                                        if(!(thisSeries in invisib))
                                        {
                                        invisib.push(series[i].name);
                                    }
                                    }

                            }
                            alert(invisib);
                        //saveintocookie(invisib);

                    }
                },
            showInLegend: true
        }
        }

Click the link to view image

0 个答案:

没有答案