tooltip problem

[Pamela Whittaker]

       

                google.setOnLoadCallback(barChart3_1600);
                function barChart3_1600() {

                    // Create and populate the data table.
                    var data = google.visualization.arrayToDataTable([
                        ['Title','DIRECT SAVINGS (YTD) (B)', 'COST AVOIDANCE (YTD) (C)',
                          { role: 'annotation' } ],
                        ['', 0, 0, ''],
                        ['', 0, 0, ''],
                        ['', 0, 0, ''],
                        ['', 5819, 112, '112']
                      ]
                );

                new google.visualization.ColumnChart(document.getElementById('barChart_Div_3_1600')).
                draw(data,{
                       legend: 'none',
                       tooltip: { trigger: 'none' },
                      width:660, height:400,
                     chartArea: {'width': '100%', 'height': '80%', left:60},
                    bar: {groupWidth: 60 },
                    backgroundColor: { fill:'none' },
                    vAxis: { minValue: -1000, maxValue: 1500,gridlineColor: 'transparent',textColor: 'transparent',baselineColor: 'transparent', viewWindow: { min: -1000 }, ticks: [0, 1000, 3000, 5000, 7000, 9000, 11000, 13000, 15000]},
                     hAxis : {textColor: 'transparent', gridlineColor: 'transparent', baselineColor: 'transparent'},
                    isStacked: true,
         
                     series: {
                        0:{color:'transparent'},
                        1:{color:'#000000'}   
                      }
                     }
                    );
                }

I have a problem. Even thought I have tooltip: { trigger: 'none' }, I still get the a rollover border appearing. Thanks

[Pamela Whittaker]

Adding enableInteractivity: false,  has cured the problem