<div class="container-fluid" id="toolbar" style="margin:10px;width:92vw">
    <div class="pull-right" id="playback">
        <div class="btn-group" style="margin-right:40px">
            <button type="button" class="btn btn-default" id="pb-linesfill">linesfill</button>
            <button type="button" class="btn btn-default" id="pb-linessteps">linessteps</button>
            <button type="button" class="btn btn-default" id="pb-linesshow">linesshow</button>
            <button type="button" class="btn btn-default" id="pb-pointsshow">pointsshow</button>
        </div>
        <div class="btn-group" style="margin-right:40px">
            <button type="button" class="btn btn-default" id="pb-export">Export</button>
            <button type="button" class="btn btn-default" id="pb-import" data-toggle="modal" data-target="#importModal">Import</button>
        </div>
        <button type="button" class="btn btn-default hidden" id="pb-unselect">unselect</button>
        <button type="button" class="btn" id="pb-fullscreen">Fullscreen</button>
        <button type="button" class="btn" id="pb-autoscale" title="Enforce axis min/max value to be equal to min/max value of data points">Autoscale</button>
        <button type="button" class="btn" id="pb-legendshow">Legend</button>
        <button type="button" class="btn" id="pb-cutts" title="Cuts old items in every trace log to make them start from the same instant">Cut Tails</button>
        <button type="button" class="btn btn-default" id="pb-pause"><strong>||</strong></button>
    </div>

    <div style="display:inline-block">
        <div style="display: inline-block">
            <span id="errmsg2" style="display:none"></span>
        </div>
    </div>
</div>

<div class="chart-container" id="container">
    <div id="placeholder" class="chart-placeholder"></div>
</div>

<div class="modal fade" id="importModal" tabindex="-1" role="dialog" aria-labelledby="importModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="importModalLabel">Import chart Data</h4>
            </div>
            <div class="modal-body">
                <input type="file" id="importFiles" value="Import" /><br />
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="btnDoImport">Import</button>
            </div>
        </div>
    </div>
</div>