echarts柱状図グレーシャドウのクリックイベントの設定

物語の背景:ある柱のデータが少ないかoである場合があるため、柱の高さ表示の色が低くなり、クリックしにくくなり、ユーザーの操作が不便になる
開発ニーズ:pc端マウスを柱に移動すると、影が表示され、柱の影が消える.app側はイベントに移行せず,イベントをクリックすることで処理した.
ソリューション:option構成項目のtooltipに次のコードを追加します.

 tooltip: {
     
    trigger: 'axis',
    axisPointer: {
      //  ， 
      //  
      type: 'shadow', //  ， ：'line' | 'shadow'
      shadowStyle: {
     
        color: 'rgba(220, 220, 220, 0.2)'
      }

      //  
      type: 'line',
      lineStyle: {
     
        color: 'rgba(140, 150, 160, 0.2)',
        width: 60
      }
    }
  }

もしあなたに役に立つならば、いいねをクリックして、もし疑問があれば、評論の伝言を残してください