EchartsデュアルX軸チャートの2番目のX軸ラベルが表示されないという問題を解決するにはどうすればよいですか？

EchartsデュアルX軸チャートでは、2番目のX軸ラベルが表示されない場合があり、この記事はソリューションを提供します。

問題：Echartsを使用してデュアルX軸チャートを作成する場合、2番目のX軸のラベルが欠落し、軸のみが表示される場合があります。

回避策：この問題は通常、 series構成のxAxisIndex欠落プロパティに起因します。 seriesデータのx軸に対応するデータシリーズを指定する必要があります。

元の構成例：

 xaxis：[{
    名前： '1'、
    Min：StartTime、
    スケール：本当、
    axisline：{
        ショー：本当、
        Linestyle：{
          色：色[2]
        }
      }、
    axislabel：{
      BackgroundColor：「赤」、
      フォーマッタ： '{value} ml'
    }
  }、{
    名前： '2'、
    axisline：{
        ショー：本当、
        Linestyle：{
          色：色[2]
        }
      }、
    Min：StartTime、
    スケール：本当、
    axislabel：{
      BackgroundColor：「赤」、
      内部：本当、
      ショー：本当、
      HideOverlap：本当です
    }
  }]、

変更されたseries構成：

シリーズ： [
    {
      タイプ：「カスタム」、
      renderitem：renderitem、
      itemStyle：{
        不透明度：0.8
      }、
      エンコード：{
        X：[1、2]、
        Y：0
      }、
      データ：データ、
      XaxisIndex：0 //最初のx軸の使用を指定する説明}、
    {
      タイプ：「カスタム」、
      renderitem：renderitem、
      itemStyle：{
        不透明度：0.8
      }、
      エンコード：{
        X：[1、2]、
        Y：0
      }、
      データ：データ、
      XaxisIndex：1 //説明2番目のx軸の使用の指定}
  ]

各seriesオブジェクトにxAxisIndex （最初のx軸の場合は0、2番目のx軸の場合は0）を追加することにより、データとx軸の対応を明示的に指定し、2番目のx軸のラベルが正しく表示されるようにします。これには、各シリーズにxaxisIndexを設定する必要があることに注意してください。より最適化されたコードメソッドがある場合は、お気軽に送信してください。

以上がEchartsデュアルX軸チャートの2番目のX軸ラベルが表示されないという問題を解決するにはどうすればよいですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。