Highcharts graphique avec 'datetime' xAxis: catégories d'utilisation sur les modes de

Est-il un moyen d'avoir 'datetime' pour la xAxis type sur la série principale, mais alors quand une série est cliqué, ont l'exploration des catégories d'utilisation pour l'époque?

Dans ce jsfiddle exemple (http://jsfiddle.net/kadams/3e3xqv7e/), vous pouvez voir que lorsque "catégorie" est utilisé comme xAxis type, l'exploration de données utilise correctement l'exploration de la série de noms 'A', 'B' et 'C' sur la xAxis. Mais quand le xAxis type est changé pour 'datetime', et de et de la milliseconde est utilisé pour le 'x' valeur à la place d'un nom pour la série principale, les catégories du mode de recherche de ne pas montrer 'A', 'B' ou 'C' plus. Sans signification dates.

Mise à JOUR pour la clarification - je préférerais utiliser le 'datetime' type, au lieu de "catégorie" de type avec des valeurs formatées comme les dates, parce que Highcharts vont jeter le 'trop de tiques" erreur lors de l'axe des x est grand: http://www.highcharts.com/errors/19. Je donne le " la "catégorie" de type exemple en coulisse en dessous, il suffit de démontrer que 'A', 'B', 'C' n'afficher correctement lorsque le type n'est pas 'datetime'.

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
        },
        xAxis: {
            type: 'category',
            // type: 'datetime',
            dateTimeLabelFormats: {
                hour: '%l:%M %p'
            }
        },
        legend: {
            enabled: false
        },
        series: [{
            name: 'Total',
            colorByPoint: true,
            data: [{
                y: 8,
                drilldown: 'Bob',
                name: 'Bob', //used with 'category' xAxis type
                x: 1420700400000 //used with 'datetime' xAxis type
            }]
        }],
        drilldown: {
            series: [{
                id: 'Bob',
                name: 'Bob',
                data: [{
                    name: 'A',
                    y: 3
                }, {
                    name: 'B',
                    y: 3
                }, {
                    name: 'C',
                    y: 2
                }]
            }]
        }
    });
});
Malheureusement, vous ne pouvez pas mettre à jour de l'axe des genres entre "Drill up / down", de sorte que vous pouvez onyl détruire graphique et de créer de nouvelles.

OriginalL'auteur chevin99 | 2015-01-08

  1. 7

    J'ai trouvé une solution à votre problème! Sebastian Bochan m'a donné quelques idées. Vous avez besoin de séparer xAxis et de définir un type différent pour chacun. Donc, ici, vous devez ajouter des catégories comme Highcharts est moyen.

    xAxis: [{
         id: 0,
         type: 'datetime'
       },
       {
         id: 1,
         type: 'categories',
         categories: data.categories
       }
   ]

    Puis vous devez ajouter ce code dans votre série, de faire le lien avec votre nouvel Axe.

    drilldown: {
      series: [{
        name: "test",
        id: "test",
        xAxis: 1, //<--- your desired X axis ID
        data: [
          [your data]
        ]
      }]
    }

    Probablement vous verrez une petite différence sur le fond de tableau, mais toutes les œuvres pour moi.

    J'espère que cela vous aidera à vous 😉

    C'est exactement ce qui est nécessaire, merci!
    Je suis heureux de savoir que cela a aidé à vous! Grâce Highcharts pour être aussi souple!

    OriginalL'auteur Ayoze

  2. 4

    Vous devez l'ajouter à votre xAxis:

    labels: {
        formatter: function() {
              return Highcharts.dateFormat('%a %d %b', this.value);
         }
},

    Découvrez la violon.

    Merci pour la réponse, mais l'exploration de la série montrent encore les dates sur votre exemple lors de l'utilisation de la 'datetime' xAxis type. J'ai mis à jour ma question pour plus de clarté.
    J'ai mal compris votre question initiale. Mon mauvais. Je ne sais pas si il est possible d'utiliser datetime type pour le parent et l' category type pour le drilldown enfants.
    Je pense que la seule façon est de rendre un tout nouveau tableau à chaque fois.

    OriginalL'auteur aus_lacy