csshtmlvisualizationannotatedtimeline

Div on top of annotated time line

Annotated time line is a google visualization library written in flash. I would like to place a div on top of it at times to cover it. However, when I do this, the div covers everything but the annotated time line shows through. What is the problem and how can it be resolved?

Solution

  • You're dealing with flash on the annotated timeline. Set wmode (window mode) to transparent (think oqaque works to) on annotated time line

            annotatedtimeline = new google.visualization.AnnotatedTimeLine(
          document.getElementById('timespan_chart'));

    annotatedtimeline.draw(data, {wmode: 'transparent', ...});