title: How do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
body: <p>I have a Kendo UI Datavis Bar Chart for which I wish to show the pointer (hand) cursor when hovering over the bars in the chart and labels for those bars.  When moving off the bars in the chart the cursor should return to the standard arrow pointer.  </p>
  
  <p>I noticed that the cursor turned into the text cursor when hovering over the axis labels (left, right, and bottom) and on the legend.  So in addition to the above I would like the cursor to remain the standard cursor (arrow) when hovering over the axis labels and legend (since you cannot edit these).  I would also like the cursor to switch to the pointer cursor when hovering over the x-axis (bottom) labels.  </p>
  
  <p>I can easily show a pointer cursor for the entire chart when hovering anywhere over the chart but that is not desired.</p>
  
  <p>I have tried various strategies using the seriesHover event but so far nothing has worked. </p>
  
  <p>How do I achieve the above?</p>
  
  <p>Thomas your answer almost has me there.  However, I need one additional piece of information:</p>
  
  <p>How would I use the technique you show in your answer below within a CSS file.  I have several Kendo UI charts some for which I need this behavior and some for which I do not.  I have both ids and classes associated with the divs that contain the kendo UI charts (one div per chart).  The actual charts are created using JavaScript code at load time.  I tried to add the following, to the CSS within the CSS file but this had no effect: </p>
  
  <pre><code>#barChart {
      /*cursor: pointer;*/
      (svg &gt; path):last-child {cusror: pointer;}
  }
  </code></pre>
  
  <p>where #barChart is the Id of the div containing the KendoUI chart within the HTML</p>
  
  <pre><code>&lt;div id="barChart" class="bargraph"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to do what you have shown below for charts that are created at load time within predefined divs?  Does this have to be done by hooking into the charts hover event?</p>