{"id":177,"date":"2012-10-18T03:24:00","date_gmt":"2012-10-18T03:24:00","guid":{"rendered":""},"modified":"2021-03-17T02:36:46","modified_gmt":"2021-03-17T02:36:46","slug":"highcharts-for-nagios-en","status":"publish","type":"post","link":"https:\/\/www.shaopin.link\/wordpress\/index.php\/highcharts-for-nagios-en\/","title":{"rendered":"Highcharts for Nagios (en)"},"content":{"rendered":"

<\/p>\n

Highcharts4 Nagios Update<\/h1>\n

Ver 1.24<\/b> — Update 2013.05.14 <\/span>
—————————- <\/span>
* <\/span>Interface update<\/span><\/span>

<\/span><\/span>Ver 1.21<\/b> — Update 2012.11.01 <\/span>
—————————- <\/span>
*Add custom time range select. <\/span>
*Add different domain support. <\/span>
*All in one. <\/span><\/p>\n

Install Notes<\/h1>\n

1.You must installed <\/span>pnp4nagios<\/a> above 0.6.x, NOT work with 0.4.x <\/span>
2.Download highcharts4nagios.rar, unrar to ex:\/usr\/local\/<\/span>highcharts<\/b>\/ <\/span>
3.Modify httpd.conf. <\/span>
4.Add Nagios service config with action_url or notes_url to ex: <\/span>
notes_url \/<\/span>highcharts<\/b>\/highcharts.html?host=$HOSTNAME$&srv=$SERVICEDESC$ <\/span>
4.Restart httpd and nagios.<\/span>
  (Below this line …. is optional, Not necessary !) <\/span>
5.If  highcharts-IP & pnp4nagios-IPchange not in the same server, <\/span><\/span>
   change  <\/span><\/span>highcharts.html<\/span>  <\/b><\/span>LocHost=’Your pnp4nagios IP’<\/span><\/b> <\/span>values<\/span>
6.<\/span>If client in different Domain, you need edit <\/span><\/span>
   pnp4nagios\/share\/application\/controllers\/xport.php <\/span><\/span>
   add bellow line …<\/span><\/span>
header(“Access-Control-Allow-Origin: *”);<\/b>  \/\/Allowed *(your IP) Access-Control-Allow-Origin<\/span><\/span>
7.If <\/span>you are ruining <\/span><\/span>Apache with SSL<\/span> (https), <\/span>modify line 150 of highcharts.html from http to https<\/b><\/span> and you can see the graph.<\/span>

<\/span><\/p>\n

<\/a><\/div>\n


<\/span><\/p>\n

<\/o:p><\/span><\/div>\n

<\/span><\/p>\n

Timeranges<\/h1>\n
\n
Additionally you can influence the timeranges via the URL<\/acronym>. This can be useful to automatically create PDF<\/acronym> documents. The ranges can be defined using the options \u201cstart\u201d and \u201cend\u201d.<\/div>\n
Example:<\/div>\n
 highcharts\/graph?host=&srv=&start=-1week<\/servicedesc><\/hostname><\/pre>\n
The graph will start one week prior to the current date and time. It will end at the current timestamp.<\/div>\n\n\n\n\n\n\n\n\n\n\n
start<\/th>\nend<\/th>\nview<\/th>\nresult<\/th>\n<\/tr>\n
<\/td>\n<\/td>\n<\/td>\nall views ending at current timestamp<\/td>\n<\/tr>\n
x<\/td>\n<\/td>\n<\/td>\nall views starting at defined date<\/td>\n<\/tr>\n
<\/td>\nx<\/td>\n<\/td>\nall views ending at defined date<\/td>\n<\/tr>\n
x<\/td>\nx<\/td>\n<\/td>\none view between the two dates<\/td>\n<\/tr>\n
<\/td>\n<\/td>\nx<\/td>\none view ending at current timestamp<\/td>\n<\/tr>\n
x<\/td>\n<\/td>\nx<\/td>\none view starting at defined date<\/td>\n<\/tr>\n
<\/td>\nx<\/td>\nx<\/td>\none view ending at defined date<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Examples of different specifications<\/div>\n\n\n\n\n\n\n\n\n\n
format<\/th>\ndescription<\/th>\n<\/tr>\n
2009W04<\/td>\n4. week of 2009<\/td>\n<\/tr>\n
1.5.2009<\/td>\nMay, 1st 2009<\/td>\n<\/tr>\n
-1 day<\/td>\none day back<\/td>\n<\/tr>\n
-3 weeks<\/td>\n3 weeks back<\/td>\n<\/tr>\n
-1 year<\/td>\none year back<\/td>\n<\/tr>\n
yesterday<\/td>\nyesterday<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Customize<\/h1>\n
Highcharts theme:<\/b>
1.Highcharts line color:
   Edit js\/themes\/gray.js or dark-blue.js, dark-green.js, grid.js.
2.Highcharts theme:
   Edit highcharts.html, find gray.js change to {dark-blue.js or dark-green.js or grid.js or skies.js}
3.Theme line color:
   Modify the js\/themes\/gray.js the first colors: # 9172EC “, ………. or with your favorite color
Calendar theme:<\/b>
1.Calendar LANG:
   Edit highcharts.html, find en.js change to {cn.js(Tradition Chinese), ca.js, cn.js, cz.js, de.js, en.js, es.js, fr.js, hr.js, it.js, jp.js, nl.js, pl.js, pt.js, ro.js, ru.js, sk.js, sv.js}
2.Calendar theme:
   Edit highcharts.html, find gold.css change to {steel.css, matrix.css, win2k.css, gold.css, steel.css}<\/p>\n
\n
<\/div>\n<\/h1>\n
\n
<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Highcharts4 Nagios U … Continue reading Highcharts for Nagios (en)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":247,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"class_list":["post-177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nagios"],"_links":{"self":[{"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":1,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/177\/revisions\/248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/media\/247"}],"wp:attachment":[{"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shaopin.link\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}