$line_column_panel->addOptionCreate(); $line_column_panel->show(); echo '<script>' . '$("#chart4").highcharts(' . $line_column_chart->getChartJson() . ');' . '</script>'; echo "</div>"; #PieChart echo "<div class='col-sm-6'>"; $pie_chart = new PieChart(); $pie_panel = new Panel(); $pie_chart->demo(); $pie_panel->data["content"] = "<div class='ichart' id='chart5'></div>"; $pie_panel->addOptionCreate(); $pie_panel->show(); echo '<script>' . '$("#chart5").highcharts(' . $pie_chart->getChartJson() . ');' . '</script>'; echo "</div>"; #Dim2PieChart echo "<div class='col-sm-6'>"; $dim2pie_chart = new Dim2PieChart(); $dim2pie_panel = new Panel(); $dim2pie_chart->demo(); $dim2pie_panel->data["content"] = "<div class='ichart' id='chart6'></div>"; $dim2pie_panel->addOptionCreate(); $dim2pie_panel->show(); echo '<script>' . '$("#chart6").highcharts(' . $dim2pie_chart->getChartJson() . ');' . '</script>'; echo "</div>"; ?> </div></div> </div> </div> </body> </html>
function showPanel($chart_id, $panel_id, $dashboard_id, $help_msg, $analysis_msg) { $username = $_SESSION["email"]; $panel_db = new PanelDB(); $p = $panel_db->selectPanel($panel_id, $username); if ($p["ishide"] == 1) { return; } $panel = new Panel(); $panel->data = $p; $panel->data["left"] = $p["x"] . "px"; $panel->data["top"] = $p["y"] . "px"; //截图不需要显示这些 if (!isset($_GET["snap"])) { $permission = new Permission(); $isEditable = $permission->checkBoardEditPermission($dashboard_id, $_SESSION["email"]); $panel->addOptionPraise($panel->data["praiseStatus"], $panel->data["totalPraise"]); $panel->addOptionHelp(); if ($isEditable && isset($_GET["edit"])) { $panel->addOptionFresh(); $panel->addOptionEdit(); if ($panel->data["data_lock"] == "1") { $panel->addOptionDataLock(1); } else { $panel->addOptionDataLock(); } if ($panel->data["analysis_show"] == "1") { $panel->addOptionAnalysis(1); } else { $panel->addOptionAnalysis(); } //$panel->addOptionChangeSize(); $panel->data["dragable"] = 'dragable'; } } //data["analysis_show"]=="1" 表示显示分析数据 ,如果显示分析数据:chart宽度60%,图标为打开;否则:width默认,图标为折叠样式 if ($panel->data["analysis_show"] == "1") { $panel->data["content"] = "<div class='ichart small' style='width:70%' id='chart{$chart_id}'></div>"; $panel->data["content"] .= "<div class='ichart_analysis_msg showing'>{$analysis_msg}</div>"; $panel->data["content"] .= "<div class='ichart_help_msg' style='width:70%'>{$help_msg}</div>"; } else { $panel->data["content"] = "<div class='ichart large' id='chart{$chart_id}'></div>"; $panel->data["content"] .= "<div class='ichart_analysis_msg' style='display:none;'>{$analysis_msg}</div>"; $panel->data["content"] .= "<div class='ichart_help_msg'>{$help_msg}</div>"; } $panel->show(); }
<?php $db = new DatacenterDB(); $total_uv = $db->selectTotalUV(); $h = new StatsTile(); $h->icon = "entypo-eye"; $h->color = "tile-green"; $h->title = "总UV"; $h->introduce = "From 2014-9-25 15:36 To now"; $h->datashow = $total_uv; $h->show(); ?> <?php $panel = new Panel(); $panel->data = array("title" => ""); $panel->data["content"] = "<div id='pv_distribute' style='height:100%'></div>"; $panel->show(); ?> </div> </div> </div></div> <script src="js/highcharts.js"></script> <script src="js/gsap/main-gsap.js"></script> <script src="js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js" id="script-resource-2"></script> <script src="js/bootstrap.js"></script> <script src="js/joinable.js" id="script-resource-4"></script> <script src="js/resizeable.js"></script> <script src="js/neon-custom.js" id="script-resource-3"></script>