<section id="chart_drag_section" >
|
<header>
|
<nav class="left">
|
<a href="#" data-icon="previous" data-target="back">Back</a>
|
</nav>
|
<h1 class="title">可拖动图表</h1>
|
</header>
|
<article class="active">
|
<ul class="control-group" id="changeDragChartType" style="margin:10px 30px;">
|
<li class="active" data-type="line">折线图</li>
|
<li data-type="bar">柱状图</li>
|
</ul>
|
<div class="chartTitle">公司产品销售数据</div>
|
<canvas id="chart_drag_line_canvas"></canvas>
|
<canvas id="chart_drag_bar_canvas" style="display: none;"></canvas>
|
<div class="legend">
|
<div data-icon="stop" style="color: #72caed">A产品</div>
|
<div data-icon="stop" style="color: #a6d854">B产品</div>
|
</div>
|
</article>
|
</section>
|
