<!doctype html>
<!--[if lt IE 7]>      <html class='no-js lt-ie9 lt-ie8 lt-ie7' lang=''> <![endif]-->
<!--[if IE 7]>         <html class='no-js lt-ie9 lt-ie8' lang=''> <![endif]-->
<!--[if IE 8]>         <html class='no-js lt-ie9' lang=''> <![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang=''>
<!--<![endif]-->

<head>
    <title>Websocket streamgraph</title>
    <script src='../node_modules/d3/build/d3.min.js'></script>
    <script src='../build/proteic.js'></script>
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head <body>

<div id='chart'></div>


<script>
    var data = {
            endpoint: 'ws://192.168.3.32:3000/streamgraph'
          };
        var dataSource = new proteic.WebsocketDatasource(data);
          //No draw() call, since it is connected to a endpoint and data is automaticaly drawn.
          //Chart uses #chart selector by default

        swimlane = new proteic.Streamgraph(dataSource);
          //Start streaming
        dataSource.start();

</script>
</body>

</html>
<!doctype html>
<!--[if lt IE 7]>      <html class='no-js lt-ie9 lt-ie8 lt-ie7' lang=''> <![endif]-->
<!--[if IE 7]>         <html class='no-js lt-ie9 lt-ie8' lang=''> <![endif]-->
<!--[if IE 8]>         <html class='no-js lt-ie9' lang=''> <![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang=''>
<!--<![endif]-->

<head>
    <title>Websocket streamgraph</title>
    <script src='../node_modules/d3/build/d3.min.js'></script>
    <script src='../build/proteic.js'></script>
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head <body>

<div id='chart'></div>


<script>
    var data = {
            endpoint: 'ws://192.168.3.32:3000/streamgraph'
          };
        var dataSource = new proteic.WebsocketDatasource(data);
          //No draw() call, since it is connected to a endpoint and data is automaticaly drawn.
          //Chart uses #chart selector by default

        swimlane = new proteic.Streamgraph(dataSource, {
          xAxisFormat: '%m/%d/%y',
          xAxisLabel: 'Date'
        });
          //Start streaming
        dataSource.start();

</script>
</body>

</html>
Change xAxisFormat in streamgraph example
Change xAxisFormat in streamgraph example
