jQuery Girl
  1. jQuery Girl
  3. Existe-t-il un nombre maximum d’éléments x-Axis dans HighCharts?
Intereting Posts
La saisie semi-automatique jQuery ne fonctionne pas avec un tableau de paires de valeurs clés Passage de parameters lors de la soumission d’un formulaire via jQuery dans ASP.NET MVC Comment puis-je faire en sorte que les colonnes figées jqgrid fonctionnent avec Word Wrap? Jquery Combine SlideUp / Down et sur click jQuery focusin et focusout: les événements en direct ne se déclenchent pas JavaScript: Comment ouvrir un fichier renvoyé via AJAX Matériau déroulant ne fonctionne pas à l’intérieur d’une carte Jquerymobile + phonegap: problèmes de bascule, curseur, pied de page jQuery: object append (), remove () le avec delay () jVectorMap rend trop petit jQuery: Est-il possible d’utiliser slideUp et d’append du texte en même temps? Est-il possible d’empêcher un certain caractère ou un groupe de caractères d’entrer dans une zone de texte ou un champ quelconque à l’aide de JQUERY? jquery dropdownlist valeur définie sur 0 jQuery ajax et SSL? Obtenir de DB par Jquery-ajax

Existe-t-il un nombre maximum d’éléments x-Axis dans HighCharts?

J’utilise HighCharts pour faire un zoom sur 3 niveaux.

Lorsque j’utilise plus de 50 articles au deuxième niveau, le texte de l’article ne s’affiche plus à gauche. Cliquez sur le premier élément (parent 1) et vous verrez alors le deuxième niveau et ce qui ne s’affiche pas.

Est-ce dû à la quantité de données JSON que j’utilise?

Voici le code que j’utilise pour le graphique 

let options = { chart: { type: 'bar', events: { drilldown: function (e) { if (e.seriesOptions) { e.seriesOptions.hiddenValue = e.point.options.hiddenValue; } } } }, title: { text: 'Overall Status' }, xAxis: { type: 'category', labels: { style: { fontSize: '15px' } } }, yAxis: { title:{ text: "Percentage Complete" }, labels: { style: { fontSize: '15px' } } }, legend: { enabled: false }, plotOptions: { series: { borderWidth: 0, dataLabels: { enabled: true, style: { fontSize: '20px' } }, cursor: 'pointer', point: { events: { click: function () { let seriesOptions = this.series && this.series.options; let hiddenValue = seriesOptions && seriesOptions.hiddenValue; if(this.options && this.options.url) { location.href = this.options.url + '?id=' + hiddenValue; } } } } } }, series: [{ name: 'Status', colorByPoint: true }], drilldown: { } };

J’ai un violon ici qui a les données JSON. https://jsfiddle.net/mark2017/yb3y9dt9/

Vous pouvez voir que le premier détail ne démarre pas à partir de la valeur 0, mais à partir de 10 – comme cela serait pris en compte dans toutes les valeurs de la série de premier niveau. C’est un bug qui a déjà été rapporté sur github: Drilldown to more than 50 – ignorer le nom des catégories

Définir cropTreshold sur un nombre supérieur au nombre de tous vos points semble fonctionner dans votre cas – il doit être défini pour toutes les séries, par exemple dans plotOptions.series 

 plotOptions: { series: { cropThreshold: 2000, borderWidth: 0,

exemple: https://jsfiddle.net/hfpofx28/