Chart.js - comment désactiver tout sur le vol stationnaire

Comment puis-je mettre le code qu'il n'y aura pas d'effets de survol, placez les options, (hover) liens etc sur le graphique?

Je suis en utilisant chart.js. Ci-dessous mon code, où j'ai mis un camembert.

Html..

<div id="canvas-holder" style="width:90%;">
    <canvas id="chart-area" />
</div>

..et js...

$(document).ready(function () {


                var config = {
                    type: 'pie',
                    data: {
                        datasets: [{
                            data: [60,20],
                            backgroundColor: [
                                "#ddd",
                                "#58AC1C"
                            ],

                            label: 'Dataset 1'
                        }],
                        labels: [
                            "Bla1 ",
                            "Bla2 "+
                        ]   
                    },
                    options: {
                        responsive: true
                    }
                };


                window.onload = function() {
                    var ctx = document.getElementById("chart-area").getContext("2d");
                    window.myPie = new Chart(ctx, config);
                };      
            });
Vous vouliez désactiver l'effet hover ou désactiver quelque chose sur le vol stationnaire?
qu'en est :hover pour #chart-area{}
J'ai essayé liés à ce site d'application mobile. Il s'ouvre sur ok et c'est sensible et tout va bien. Le problème, c'est quand un "tap" n'importe où dans l'écran.. Puis recharge la page (en gros, il ouvre un autre).. Si je supprimer div #toile-titulaire (de sorte que le graphique ne s'affiche pas) tout est ok.. d'autres le texte est affiché sur ok et je peux taper n'importe où je veux et rien ne se passe..

OriginalL'auteur ggsplet | 2017-01-31

  1. 3

    Vous pouvez essayer

     showTooltips: false

    Vous pouvez également utiliser le lien suivant

    http://jsfiddle.net/TZq6q/298/

    J'ai ajouté à cela, mais elle ne résout pas mon problème. Exemple vous mettre en violon a été utile.. j'ai le personnaliser pour mes données et de style, et je pense que c'est ça.. je suis en train de tester et jusqu'à présent, on dirait que j'ai obtenu ce dont j'ai besoin. Tnx!

    OriginalL'auteur Sanyami Vaidya

  2. 75

    afin de supprimer tous les hover styles/info-bulles de vanille chart.js: 

    var myChart = new Chart(canvas, {
  options: {
    tooltips: {enabled: false},
    hover: {mode: null},
  }
  ...
})

    Chart.js regarde tout mousemove événements sur la toile dans laquelle il a instancié votre graphique. Réglage placez "mode" null semble remplacer toutes les façons, la toile semble pour la mise en correspondance des éléments d'attribuer activé :hover classes.

    L'info-bulle de l'événement semble séparer, j'ai donc dû utiliser les deux lignes pour rendre le graphique statique.

    Remarque, les premières animations de toujours travailler sur un graphique avec ces options.

    Mise à JOUR: nouveau Chart.js a re-groupés de la façon stationnaire est "écouté" pour: 

    var myChart = new Chart(canvas, {
  options: {
    events: []
  }
  ...
})

    rendre les "événements" option d'une liste vide (au lieu de ['click', 'hover', etc]) rend le graphique "à l'aveugle" /statique, car il sera à l'écoute de n événements.

    Ne semble pas fonctionner sur 2.5.0. Vérifier violon
    de réponses mis à jour pour refléter la nouvelle version je crois
    oh oui, c'est ce dont j'avais besoin. chart.js en est un parfait exemple de la façon dont les documents peuvent être raisonnablement complet et toujours être mauvais
    haha merci! en effet, une excellente documentation et encore pour ce chétif peu d'infos que j'ai eu à parcourir stackoverflow...
    événements: [] l'a fait! merci

    OriginalL'auteur Megan Word

  3. 0

    Il y a une autre option:

            states: {
            hover: {
                filter: {
                    type: 'none',
                }
            },
        },

    OriginalL'auteur dcalmeida