title: echarts: Is there any way to change the `axisPointer` shadow to a lighter grey shadow?
body: <p>I am trying to change the default shadow color (when hovering over a bunch of bars for example: <a href="https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation" rel="nofollow noreferrer">https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation</a>)</p>
  
  <p>Focusing on this example on this code part: </p>
  
  <pre><code>option = {
      color: ['#003366', '#006699', '#4cabce', '#e5323e'],
      tooltip: {
          trigger: 'axis',
          axisPointer: {
              type: 'shadow'
          }
      }, ....... 
         ..............................
         ............................................
  </code></pre>
  
  <p>the <code>type</code> variable has 3 options as stated in the documentation: 
  <a href="https://ecomfe.github.io/echarts-doc/public/en/option.html#grid.tooltip.axisPointer.type" rel="nofollow noreferrer">https://ecomfe.github.io/echarts-doc/public/en/option.html#grid.tooltip.axisPointer.type</a></p>
  
  <p>but I couldn't find anything that can control the color of the shadow. 
  I want it in a much lighter gray color than it is by default. </p>
  
  <p>Is there any other way to set the shadows color? </p>
  
  <p>I have been exploring echarts.js for a while.. and sadly, except of the fact that all charts graphics are amazing, unfortunately -  I find more cons than pros :( </p>