指數 + 燈號範例

Widget程式碼範例

<div class="chart_content">
    <p>可自訂widget說明(可省略)</p>
    <!-- 指數 + 燈號 -->
    <div class="id_block">
    <!-- item為一個燈號 -->
        <div class="item">
            <!-- 燈號顏色:id_title + red or green or yellow or gray -->
            <div class="id_title red">
                <div class="light"></div>
                <div class="light_info">D01</div>
            </div>
            <ul>
                <li>
                    <div class="bar_title">標題</div>
                    <div class="bar">
                        <!-- 指數寫於style 0~100% -->
                        <span style="width:70%;"></span>
                    </div>
                </li>
                <li>
                    <div class="bar_title">標題</div>
                    <div class="bar">
                        <!-- 指數寫於style 0~100% -->
                        <span style="width:30%;"></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09
D10

指數 + 燈號

update:
D01
D02
D03
D04
D05
D06
D07
D08
D09