chart_line_section.html 873 Bytes
<section id="chart_line_section" >
    <header>
        <nav class="left">
            <a href="#" data-icon="previous" data-target="back">Back</a>
        </nav>
        <h1 class="title">Line</h1>
    </header>
    <article class="active">
        <ul class="control-group" id="changeLineType" style="margin:10px 30px;">
            <li class="active" data-type="normal">折线图</li>
            <li data-type="smooth">平滑线图</li>
            <li data-type="area">面积图</li>
        </ul>
        <div>
            <div class="chartTitle">公司产品销售数据</div>
            <canvas id="line_canvas"></canvas>
            <div class="legend">
                <div data-icon="stop" style="color: #72caed">A产品</div>
                <div data-icon="stop" style="color: #a6d854">B产品</div>
            </div>
        </div>
    </article>
</section>