Search code examples
cssgraphd3.jscubism.js

Cubism - value for selected time and row


I love Cubism.js

But i want to implement a feature i am missing from the demo.

And that is the need to see the value for a selected time and row. When i have a mouse-over on the graph - i would like to show the value for the row the mouse cursor is on (see picture beside the vertical line)

value shown for the time and row How could this be done?

Do i have a chance with CSS or do i need to dig into d3.js ?

edit: i have found the Stock-Demo ... but still now clue how this is done :(


Solution

  • I could achieve that easily by playing with the CSS. First, hide all values:

    .horizon .value {display: none;}
    

    Then show values on hover:

    .horizon:hover .value {display: inherit;}