Comment résoudre le problème que la deuxième étiquette de l'axe X dans le tableau Echarts Dual X-axe n'est pas affichée?

Dans les graphiques Echarts Dual X-axis, la deuxième étiquette de l'axe X ne parvient parfois pas à afficher, et cet article fournira une solution.

Problème: Lors de la création d'un diagramme à deux axes X à l'aide d'Echarts, l'étiquette du deuxième axe X peut être manquante, affichant uniquement l'axe.

Solution: Ce problème découle généralement de la propriété xAxisIndex manquante dans series . Vous devez spécifier la série de données correspond à quel axe x dans les données series .

Exemple de configuration d'origine:

 xaxis: [{
    Nom: «1»,
    Min: Démarrage,
    Échelle: vrai,
    axisline: {
        show: vrai,
        Linestyle: {
          Couleur: Couleurs [2]
        }
      },
    AxisLabel: {
      BackgroundColor: «Red»,
      format: '{valeur} ml'
    }
  }, {
    Nom: «2»,
    axisline: {
        show: vrai,
        Linestyle: {
          Couleur: Couleurs [2]
        }
      },
    Min: Démarrage,
    Échelle: vrai,
    AxisLabel: {
      BackgroundColor: «Red»,
      à l'intérieur: vrai,
      show: vrai,
      Hideoverlap: vrai
    }
  }],

Configuration series modifiée:

 série: [
    {
      Type: «Custom»,
      RendeRetem: Renderitem,
      itemStyle: {
        Opacité: 0,8
      },
      Encode: {
        x: [1, 2],
        Y: 0
      },
      Données: données,
      xaxisIndex: 0 // explicatif spécifiant l'utilisation du premier axe x},
    {
      Type: «Custom»,
      RendeRetem: Renderitem,
      itemStyle: {
        Opacité: 0,8
      },
      Encode: {
        x: [1, 2],
        Y: 0
      },
      Données: données,
      xaxisindex: 1 // explicatif spécifiant l'utilisation du deuxième axe x}
  ]]

En ajoutant xAxisIndex (0 pour le premier axe x et 1 pour le deuxième axe x) à chaque objet series , nous spécifions explicitement la correspondance entre les données et l'axe x, garantissant que les étiquettes du deuxième axe x sont affichées correctement. Notez que cela nécessite de définir XaxisIndex pour chaque série. S'il existe une méthode de code plus optimisée, n'hésitez pas à la soumettre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!