passez en mode Chart.js

Est-il possible d'avoir le hover activé lorsque vous n'êtes pas au-dessus d'un "point" dans une ligne graphique?

Je veux que particulier d'info-bulle pour activer chaque fois que j'ai passez la souris sur une partie du graphique.

Edit: quelque chose comme cela http://watchstocks.herokuapp.com/

OriginalL'auteur JohnSnow | 2017-03-15

  1. 5

    Oui, vous pouvez utiliser chart.js pour configurer les info-bulles pour obtenir un comportement similaire au graphique que vous avez référencé.

    Pour plus d'informations, consultez la info-bulle option de configuration et passez la souris options de configuration pour répondre à vos besoins. Ici est un exemple.

    options: {
  responsive: true,
  title:{
    display:true,
    text:'Chart.js Line Chart'
  },
  tooltips: {
    mode: 'index',
    intersect: false,
  },
 hover: {
    mode: 'nearest',
    intersect: true
  },
  scales: {
    xAxes: [{
      display: true,
      scaleLabel: {
        display: true,
        labelString: 'Month'
      }
    }],
    yAxes: [{
      display: true,
      scaleLabel: {
        display: true,
      },
    }]
  }
}

    Ici est un codepen exemple démontrant le comportement qui correspond à votre exemple.

    OriginalL'auteur jordanwillis

  2. 2
    tooltips: {
  mode: 'x-axis'
},

    ^^ Ce qui fera apparaître l'info-bulle lorsque vous placez le pointeur sur tout l'axe des y de la position. Si vous ne souhaitez qu'il s'affiche lorsque vous passez la souris sur un point sur une ligne, utilisez ceci:

    tooltips: {
  mode: 'label'
},

    OriginalL'auteur Jeff Schwarting