@*<div class="row mb-5 d-flex justify-content-start">
        <div class="col-1">
            <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="SelectAllInvert()">全選</button>
        </div>
        <div class="col-11">
            <div class="row frame-wrap" id="CheckInverter">

            </div>
        </div>
    </div>*@
<div class="row mb-5 justify-content-start d-flex flex-wrap">
    <div class="btn-group mr-2">
        <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="ChangeInverterDateToday()">今天</button>
        <button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="ChangeInverterDateYesterday()">昨天</button>
    </div>
</div>
<div class="row mb-5 justify-content-start d-flex flex-wrap" style="width:40%;">
    <div class="col-sm-8">
        <div class="form-group row d-flex flex-wrap">
            <input class="form-control" id="inverter-selected-heatmap-date" type="date">
        </div>
    </div>
    <div class="col-sm-4">
        <button type="button" class="btn btn-success waves-effect waves-themed" onclick="LoadInvertAnalysisHeatMap()">查詢</button>
    </div>
</div>
<div class="row mb-5 d-flex flex-wrap justify-content-start" id="InverterResult">
    <div class="col-12">
        <figure class="highcharts-figure">
            <div id="container"></div>

        </figure>
    </div>
</div>
<div class="row mb-5 justify-content-start d-flex flex-wrap">
    <div class="btn-group mr-2">
        <button type="button" class="btn btn-success waves-effect waves-themed btn-change-inverter-kwhbar" onclick="ChangeInverterkwhBarDaily(this)">日</button>
        <button type="button" class="btn btn-secondary waves-effect waves-themed btn-change-inverter-kwhbar" onclick="ChangeInverterkwhBarMonthly(this)">月</button>
        <button type="button" class="btn btn-secondary waves-effect waves-themed btn-change-inverter-kwhbar" onclick="ChangeInverterkwhBarQuaryerly(this)">季</button>
        <button type="button" class="btn btn-secondary waves-effect waves-themed btn-change-inverter-kwhbar" onclick="ChangeInverterkwhBarAnnual(this)">年</button>
    </div>
</div>
<div class="row mb-5 justify-content-start d-flex flex-wrap" style="width:40%;">
    <div class="col-sm-8">
        <div class="form-group row d-flex flex-wrap">
            <input class="form-control col" id="inverter-selected-kwhbar-date" type="date">
            <select class="form-control col" id="inverter-selected-kwhbar-quaryerly" style="display: none">
                <option value="0">1 ~ 3 月</option>
                <option value="1">4 ~ 6 月</option>
                <option value="2">7 ~ 9 月</option>
                <option value="3">9 ~ 12 月</option>
            </select>
        </div>
    </div>
    <div class="col-sm-4">
        <button type="button" class="btn btn-success waves-effect waves-themed" onclick="LoadInvertAnalysiskwhBar()">查詢</button>
    </div>
</div>

<div  class="row mb-5 justify-content-start d-flex flex-wrap" id="inverter-kWh-convas-div">
    <canvas id="inverter-kWh"></canvas>
</div>
