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>