<div id="tab1" class="tab-pane active">
<?php
$data = array(array('2008-05-06', 20), array('2008-05-07', 36), array('2008-05-08', 33), array('2008-05-12', 23));
echo DygraphsWidget::widget(['data' => $data, 'xIsDate' => true, 'jsVarName' => 'bar1', 'options' => ['labels' => array(null, 'Rainfall(mm)')]]);
?>
</div>
<div id="tab2" class="tab-pane">
<?php
$data = array(array('2008-05-06', 20), array('2008-05-07', 36), array('2008-05-08', 30), array('2008-05-12', 23));
echo DygraphsWidget::widget(['data' => $data, 'xIsDate' => true, 'jsVarName' => 'bar2', 'options' => ['width' => '800', 'labels' => array(null, 'Rainfall(mm)')]]);
?>
</div>
<div id="tab3" class="tab-pane">
<?php
$data = array(array('2008-05-06', 20), array('2008-05-07', 30), array('2008-05-08', 33), array('2008-05-12', 23));
echo DygraphsWidget::widget(['data' => $data, 'xIsDate' => true, 'jsVarName' => 'bar3', 'options' => ['width' => '800', 'labels' => array(null, 'Rainfall(mm)')]]);
?>
</div>
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">GRAPH</a></li>
<li><a href="#tab2" data-toggle="tab">BAR CHART</a></li>
<li><a href="#tab3" data-toggle="tab">TABLE</a></li>
</ul>
</div>
</div>
</div>
<div class="row main-title">
How is this data collected?
</div>
public function testCheckBoxes()
{
$widget = DygraphsWidget::begin(['htmlOptions' => ['id' => 'test-checks'], 'scriptPosition' => View::POS_LOAD, 'checkBoxSelector' => '.visible-series', 'checkBoxReferenceAttr' => 'series-id']);
$widget->end();
$this->assertEquals(2, count($widget->view->js[View::POS_LOAD]));
$this->assertContains('.visible-series[series-id=', $this->getLastScript($widget));
}
