Highcharts : faire en sorte que la barre de défilement couvre uniquement la zone de dessin
P粉692052513
P粉692052513 2023-09-16 11:04:01
0
1
859

Voici un exemple de graphique, basé sur le didacticiel de barre de défilement de la documentation des highcharts ici : https://jsfiddle.net/zao68u2k/1/ La seule modification que j'ai apportée à la démo par défaut a été de supprimer le masque via :

scrollablePlotArea: { opacity: 1, }

Maintenant que le masque a disparu, cela n'a aucun sens que la barre de défilement occupe toute la largeur du graphique. Je souhaite raccourcir la barre de défilement pour qu'elle corresponde uniquement à la largeur du tracé lui-même, sans inclure les axes, comme je l'ai simulé dans l'image. Est-il possible?

P粉692052513
P粉692052513

répondre à tous (1)
P粉178132828

Dans ce cas, vous devez utiliserxAxis.scrollbar属性以及xAxis.minxAxis,而不是chart.scrollablePlotArea。最大:

xAxis: { min: Date.UTC(2023, 6, 1), max: Date.UTC(2023, 6, 1, 3), scrollbar: { enabled: true } }

Cependant, il s'agit d'une fonctionnalité fournie par Stock, vous devez donc disposer d'une licence pour ce produit et importer la bibliothèque correspondante dans votre projet :

Démo:https://jsfiddle.net/BlackLabel/rvm1s67w/
API:
https://api.highcharts.com/highstock/xAxis .Scrollbars

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!