<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)); }