一、配置教程

1. 创建grafana面板
   a. 在grafana里把要展示的面板创建好。进入到面板后，点击上方的分享按钮，复制地址，替换src后面的地址，保留kiosk=full

   b. 在zabbix目录/usr/share/zabbix里新建个监控文件 monitor_switch.php

   <?php
   require_once dirname(__FILE__).'/include/config.inc.php';
   $page['title'] = _('交换机状态');
   $page['file'] = 'monitor_switch.php';
   require_once dirname(__FILE__).'/include/page_header.php';
   ?>
   <main>
   <div id = "showDiv" style = "display:flex; height: 900px; width: 99%;"></div>
   <script type="text/javascript">
   jQuery(document).ready(function(){
     $("#showDiv").append("<iframe src='http://192.168.203.128:3000/ddds&kiosk=full' width='100%' height= '95%' style='backgroud-color:red;'></iframe>");
     });
   </script>
   </main>
   <?php
   require_once dirname(__FILE__).'/include/page_footer.php';
   ?>

   c. 打开/usr/share/zabbix/include/define.inc.php,找到define('ZBX_IFRAME_SANDBOX',' ');修改如下

   define('ZBX_IFRAME_SANDBOX', 'allow-scripts allow-same-origin allow-presentation

   d. 打开/usr/share/zabbix/include/classes/mvc/CRouter.php，找到private $routes =[]添加如下

   'monitor_switch.php'.    ==> ['CLegacyAction', null, null],

   e.修改menu.inc.php,添加菜单，并关联文件，找到function getMainMenu()

二、修改grafana

1. 打开/etc/grafana/grafana.ini，把allow_embedding=false的false修改为true
2. 开启匿名访问,找到 enable anonymous access ，enabled=true