Real Time Chart Inside Label

Hi ,
I want to include the following script inside label.

code

public void init() {
final Window window=new Window(“Real Chart”);
final Label chart=new Label(“<div id="main"> "
+ “<div id="1"><canvas id="smoothie-chart" width="500" height="100">”
+”<script type="text/javascript">"
+“var chart = new SmoothieChart(),”
+“canvas = document.getElementById(‘smoothie-chart’),”
+“series = new TimeSeries();”
+“chart.addTimeSeries(series, {lineWidth:2,strokeStyle:‘#00ff00’});”
+“chart.streamTo(canvas, 500);”
+“”
+ “”,Label.CONTENT_XHTML);

Button button=new Button(“start”);
button.addListener(new ClickListener() {
@Override
public void buttonClick(ClickEvent event) {

           window.addComponent(chart);


       }
}

}
window.addComponent(button);

setMainWindow(window);

Also in the inherited ApplicationServlet

included

@Override
protected void writeAjaxPageHtmlVaadinScripts(Window window,
String themeName, Application application, BufferedWriter page,
String appUrl, String themeUri, String appId,
HttpServletRequest request) throws ServletException, IOException {
page.write(“<script type="text/javascript">\n”);
page.write(“//<![CDATA[\n”);
page.write(“document.write("<\/script>");\n”);

    page.write("//]]>\n</script>\n");
    super.writeAjaxPageHtmlVaadinScripts(window, themeName, application,
            page, appUrl, themeUri, appId, request);
}

and i checked the rendered html which show everything right but the graph is not executing.