this.resources = resources;
// Construct UI.
final Css css = resources.monitorVisualizationsPanelCss();
setStyleName(css.visualizationPanel());
Container container = new DefaultContainerImpl(getElement());
DivElement timeLineContainerElem = getElement().getOwnerDocument().createDivElement();
timeLineContainerElem.setClassName(css.timelineContainer());
getElement().appendChild(timeLineContainerElem);
// Create a little wrapper div to wrap the main and overview timelines.
DivElement graphContainerElem = getElement().getOwnerDocument().createDivElement();
graphContainerElem.setClassName(css.graphContainer());
// The left header + 1px border.
graphContainerElem.getStyle().setPropertyPx("left",
Constants.GRAPH_PIXEL_OFFSET + 1);
timeLineContainerElem.appendChild(graphContainerElem);
Container graphContainer = new DefaultContainerImpl(graphContainerElem);
// Add the scale
this.scale = new TimeScale(graphContainer, resources);
// callback to update the details panel when transition changes.