Disable hover sur HighCharts

Question

Disable hover sur HighCharts

j'ai construit un diagramme à secteurs en utilisant la bibliothèque HighCharts, et voici mon diagramme:

 // http://jsfiddle.net/t2MxW/20890/

    var chart = new Highcharts.Chart({
        colors: ['#0072BC', '#BFDAFF', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
        credits: { enabled: false },
        chart: {
               renderTo: 'container',
               backgroundColor: 'rgba(255, 255, 255, 0.1)',
               type: 'pie',
               margin: [0, 0, 0, 0],
               spacingTop: 0,
               spacingBottom: 0,
               spacingLeft: 0,
               spacingRight: 0
        },
        title: { text: null },
        plotOptions: {
               pie: {
                   allowPointSelect: false,
                   size: '100%',
                    dataLabels: { enabled: false }
               }
       },
       series: [{
               showInLegend: false,
               type: 'pie',
               name: 'Pie Chart',
               data: [
                     ['Mobile', 65], // first half of pie
                     ['Other', 35] // second half of pie
               ]
       }]
    });

mais le problème est que je ne veux pas apparaître tooltip sur la souris...

est-il possible de désactiver tooltip en vol stationnaire?

25

highcharts javascript jquery

demandé sur lifetimes 2013-04-26 12:04:49

6 réponses

score 45 · Answer 1

Vous devez définir l' tooltip l'attribut false, comme ceci:

tooltip: { enabled: false },

jsFiddle ici

voici le code complet de votre cas:

var chart = new Highcharts.Chart({
       colors: ['#0072BC', '#BFDAFF', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
       credits: { enabled: false },
       tooltip: { enabled: false },
       chart: {
              renderTo: 'container',
              backgroundColor: 'rgba(255, 255, 255, 0.1)',
              type: 'pie',
              margin: [0, 0, 0, 0],
              spacingTop: 0,
              spacingBottom: 0,
              spacingLeft: 0,
              spacingRight: 0
       },
       title: { text: null },
       plotOptions: {
              pie: {
                  allowPointSelect: false,
                  size: '100%',
                   dataLabels: { enabled: false }
              }
      },
      series: [{
              showInLegend: false,
              type: 'pie',
              name: 'Pie Chart',
              data: [
                    ['Mobile', 65], // first half of pie
                    ['Other', 35] // second half of pie
              ]
      }]
});

score 52 · Answer 2

désactiver tooltip ne fait que désactiver tooltip mais l'effet de hover est toujours présent. Pour désactiver l'effet de vol stationnaire, ajoutez ce qui suit à vos options:

    plotOptions: {
        series: {
            states: {
                hover: {
                    enabled: false
                }
            }
        }
    },

score 6 · Answer 3

Vous pouvez aussi désactiver tout le tracking de la souris en général, les deux effets tooltip et hover:

(copier et coller le lien) http://api.highcharts.com/highcharts#series.enableMouseTracking

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-enablemousetracking-false/

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

score 5 · Answer 4

Vous pouvez simplement les tourner en utilisant ce qui suit:

tooltip: {
    enabled: false       
},

score 2 · Answer 5

Vous pouvez simplement le désactiver en paramétrant l'option

tooltip:{
   enabled: false
}

score 0 · Answer 6

d'habitude je désactive juste le style dans css donc je peux toujours accéder à l'événement hover dans JS si nécessaire...

.highcharts-tooltip {
    display: none;
}

Las etiquetas más populares

Disable hover sur HighCharts

6 réponses