Comment marquer une zone spécifique dans les hautes images

Question

Contexte: Nous avons cette chose appelée "Augmenter le profil" où vous passez des crédits pour rendre votre profil plus visible dans les résultats de recherche pour les prochaines 24 heures.

Nous avons un graphique basé sur les diagrammes en hauteur avec le nombre de visites reçues au cours des 7 derniers jours. Je veux en quelque sorte marquer la zone entre l'endroit où le profil a été soulevé et voir combien de visites ont été dans cet intervalle.

Fiddle: http://jsfiddle.net/3jyjz2t9/

Highcharts.chart('container', { 
    chart: { 
    height: 150 
    }, 
    title: { 
    text: "" 
    }, 
    credits: { 
    enabled: false 
    }, 
    legend: { 
    enabled: false 
    }, 
    yAxis: { 
    visible: false 
    }, 
    xAxis: { 
    categories: xAxis, 
    offset: 1 
    }, 
    tooltip: { 
    formatter: function(){ 
     return "<b>" + this.y + "</b>" + " " + this.series.name 
    } 
    }, 
    series: [{ 
    name: "vizite", 
    color: "#663366", 
    states: { 
     hover: { 
     lineWidthPlus: 0 
     } 
    }, 
    data: data 
    }] 
}) 

En outre, le format de données peuvent être modifiées. Je suis juste coincé à la façon de marquer la zone dans le tableau

Answer 1

Regardez https://www.highcharts.com/docs/chart-concepts/plot-bands-and-plot-lines. Il y a des exemples jsfiddle en bas de la page.

La page API est pertinente: xAxis.plotBands