Databases
StackOverflow2013
Postsdbo
POHow do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
    primarykey
    data
    text
    <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>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USeesh
    1. USeesh
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
      1. This table or related slice is empty.
      1. VTUpMod
    1. COManipulate it in CSS and use the Important tag?
      singulars
      1. POHow do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
      1. USCR41G14
    2. COCan you link us an example so we can see the html?
      singulars
      1. POHow do you switch the cursor to a pointer cursor when hovering over the bars in a Kendo UI bar chart
      1. USArcher
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload