Zabbix user benefits Come on, liberate your hands, dynamically create images automatically based on user needs

Zabbix Grafana, not just good-looking.

Grafana + Zabbix realize Zabbix beautiful clothes, you think I will say, no no no, if that is the title I will not say Grafana is not only good-looking, I value is his dynamic Data ability. Some people will think that Grafana is just good-looking, but create an image is too troublesome, although it is very good to give up the use of the last, I would like to mention here Grafana Dynamic Data ability to release your hands, solve the tedious work of creating images repeatedly.

Grafana What Dynamic Data capabilities?  What's the use of it? What benefits can it bring?

In fact, many people use the ability to grafana, such as Millet Open-falcon and "Grafana, COLLECTD and InfluxDB to create a modern monitoring system" this; in fact, it is very good to use the Grafana flexible data generation image.

What can the Grafana do with Zabbix?

Zabbix screens Everyone should be familiar with it, it should be seen every day; I do not know if you have my side of this situation: Our leaders require a host, a machine situation (traffic, CPU, service situation, etc.) are put into a screens, So if dozens of hundreds of servers to create a screeens, each screens one to add images, ah ~ (Dentetsu ' Д) Dentetsu really x what's that ....

Many people solve the problem is to write scripts through the Zabbix API interface call or change the database to create, here you can be implemented by Grafana, is so human ...

to my blog to see the effect: http://yigemeng.blog.51cto.com/8638584/1719730 (The video is not clear, the article has the original video at the bottom.) HD Uncensored ~! )

After watching the video is not grafana very hanging, here I used to be through his dynamic data changes, such as a service status I create a whole screens (I only create one, only to create a repeated use), and then this screens in the data will be more you choose different host changes, The same thing to monitor the host is different, in fact, this is the principle. In this way, the state monitoring of the service to switch between different hosts to view;

System performance monitoring that screens is almost a dick, I consider that may be the user to compare the system between different hosts, I use the image copy, you choose how many hosts, this screens copy how many, to show the situation of different hosts. Yes, that's the way it is.

Well, is not the next interested in learning, the whole process of 0 development, operation and maintenance can also be very forced lattice , to see how to achieve the results as shown in the video:

First, create an image

1, add the row, the line can be used to control the height of the line, move up, move down, delete, all the images in this row are affected. The line control button in the upper left corner ( suggestion: Probably not too much attention will put all the images in the same line, I suggest that the same type should be put on the same line, as much as possible, not stingy, only to increase the plate layout you will find this will help you )

650) this.width=650; "title=" clipboard[48] "style=" Border-top:0px;height:163px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[48] "src=" Http://s3.51cto.com/wyfs02/M00/7A/18/wKiom1aiBbKwbOk0AAAQ7PhICiY026.png "width=" 1200 " height= "306"/>

2, add images, add images in line, click on the upper left corner of the control button, such as Operation:

650) this.width=650; "title=" clipboard[49] "style=" border-top:0px;border-right:0px;background-image:none; border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "border=" 0 "alt = "clipboard[49]" src= "http://s3.51cto.com/wyfs02/M02/7A/18/wKiom1aiBbSCfTXfAAAr8xFbZmc211.png" width= "392" height = "193"/>

After clicking there will be an image generated without defining the data, then click on the image title (circled up), then click "Edit" to enter the edit image, and then you will see: Figure 2,

650) this.width=650; "title=" clipboard[50] "style=" border-top:0px;border-right:0px;background-image:none; border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "border=" 0 "alt = "Clipboard[50]" src= "http://s3.51cto.com/wyfs02/M00/7A/17/wKioL1aiBfSSQbNVAAAu9cGZN30845.png" width= "649" Height = "328"/>

Mainly data to get the tab, I explained, the other several tabs everyone play it, very useful oh, can see the official website docs

650) this.width=650; "title=" clipboard[51] "style=" Border-top:0px;height:373px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[51] "src=" Http://s3.51cto.com/wyfs02/M00/7A/18/wKiom1aiBbuT7tVvAAO_q_S0ees715.png "width=" 1200 " height= "678"/>

Second, the dynamic change of image data

Once you've created it, you can see the image of the line, so how does it change dynamically?

650) this.width=650; "title=" clipboard[52] "style=" Border-top:0px;height:185px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[52] "src=" Http://s3.51cto.com/wyfs02/M01/7A/17/wKioL1aiBfzh0JCkAABc9CJEMTc766.png "width=" 1200 " height= "332"/>

1. Create templating

650) this.width=650; "title=" clipboard[53] "style=" Border-top:0px;height:328px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[53] "src=" http://s3.51cto.com/wyfs02/M02/7A/17/wKioL1aiBf6ybkSdAABqDBul6kw308.png "width=" 794 " height= "323"/>

Click New to create New!

650) this.width=650; "title=" clipboard[54] "style=" Border-top:0px;height:156px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[54] "src=" Http://s3.51cto.com/wyfs02/M00/7A/17/wKioL1aiBf-gBnsbAAAcMMYCLu8404.png "width=" 1200 " height= "238"/>

Configure four, then I'll post each one.

650) this.width=650; "title=" clipboard[55] "style=" Border-top:0px;height:224px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[55] "src=" http://s3.51cto.com/wyfs02/M01/7A/18/wKiom1aiBcHTzdP6AAA5QGzcEhA868.png "width=" 849 " height= "238"/>

Group: I chose a few may not quite understand a few points to do, the other follow me configuration, after the configuration to achieve the effect, and then slowly test to play other functions have what effect.

650) this.width=650; "title=" clipboard[56] "style=" Border-top:0px;height:403px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[56] "src=" Http://s3.51cto.com/wyfs02/M01/7A/17/wKioL1aiBgLgX6vYAACuHT1Mfbs738.png "width=" 1200 " height= "724"/>

Host

650) this.width=650; "title=" clipboard[57] "style=" Border-top:0px;height:750px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[57] "src=" http://s3.51cto.com/wyfs02/M02/7A/18/wKiom1aiBcigPqLYAAB5NiqfkO8702.png "width=" 858 " height= "721"/>

Application:

650) this.width=650; "title=" clipboard[58] "style=" Border-top:0px;height:486px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[58] "src=" Http://s3.51cto.com/wyfs02/M00/7A/18/wKiom1aiBcygc0aCAACoQbC_MTw503.png "width=" 1200 " height= "737"/>

Item

650) this.width=650; "title=" clipboard[59] "style=" Border-top:0px;height:656px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[59] "src=" Http://s3.51cto.com/wyfs02/M00/7A/17/wKioL1aiBg-i8BGAAACo-vv3-SY181.png "width=" 1098 " height= "771"/>

2. Application of templating in image

650) this.width=650; "title=" clipboard[60] "style=" Border-top:0px;height:201px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[60] "src=" Http://s3.51cto.com/wyfs02/M01/7A/17/wKioL1aiBhKRW2yYAACAxd4K2zQ832.png "width=" 1200 " height= "371"/>

3, after the creation you will find more than four tabs on the image above, these four tabs are used for users to choose their own data to view, the user selected, the image below will be based on the user's choice to automatically change the image content, display users want to see the information. This achieves the effect of changing the image Dynamic Data.

650) this.width=650; "title=" clipboard[61] "style=" Border-top:0px;height:304px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;line-height:1.5; padding-right:0px; "border=" 0 "alt=" clipboard[61] "src=" http://s3.51cto.com/wyfs02/M02/7A/18/ Wkiom1aibdmgkgzcaagroc8feha339.png "width=" "height=" 577 "/>

three, integrated into a dynamic screens

If you want to do a dynamic screens, the change is only the host,application and item do not need to make templating, the following images are created each, the image data will follow the user to choose, of course, the following image is configured Application and item write dead, because each image function fixed, change is only the host.

650) this.width=650; "title=" clipboard[62] "style=" Border-top:0px;height:480px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[62] "src=" Http://s3.51cto.com/wyfs02/M02/7A/18/wKiom1aiBeHhkfx3AALdClwb2LI803.png "width=" 1200 " height= "888"/>

If you see this, you think it's just that.

four, high play expansion

Novice suggest to play first, next, how to use the image copy function and regular expression to play Grafana (let Grafana give you to create an image, you just need to tell him to create something)

650) this.width=650; "title=" clipboard[63] "style=" Border-top:0px;height:459px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[63] "src=" Http://s3.51cto.com/wyfs02/M00/7A/17/wKioL1aiBiTDeDyGAAE3wUwhIqw486.png "width=" 1200 " height= "870"/>

Read the above figure, these servers have network status I if manually to add I am not to be added to the dead, and every time on the new machine I want to add another I think the maintenance work in the future is really miserable, don't worry, here these maps are dynamically added, not one I manually added. not enough new version to grafana out a similar image, 2.6.

Method:

Only the host element is changed.

650) this.width=650; "title=" clipboard[64] "style=" Border-top:0px;height:283px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[64] "src=" Http://s3.51cto.com/wyfs02/M01/7A/17/wKioL1aiBiaDKsmYAAB6yaU0B2Q986.png "width=" 1200 " height= "530"/>

The image is reproduced in a true guise.

650) this.width=650; "title=" clipboard[65] "style=" Border-top:0px;height:317px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[65] "src=" Http://s3.51cto.com/wyfs02/M02/7A/18/wKiom1aiBevCGt_SAACtrwJqRZM772.png "width=" 1200 " height= "589"/>

Rescue using Zabbix User hands

Zabbix screens Everyone is also widely used to be the switch traffic, the switch interface to the flow graph added to a screens, if the switch physical interface plus VLAN plus the aggregation port, a few hundred so many images added up, And this is just a switch screens, if the leader said all the switches have to add screens I am not an instant to crazy rhythm, but the leadership of the request can not be defied, here is a year for everyone advice!

Regular Expressions:

Regular expressions I use it here in the switch interface, creating a templaing, where only the switch is selected and the interface to be seen is changed.

650) this.width=650; "title=" clipboard[66] "style=" Border-top:0px;height:508px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;line-height:1.5; padding-right:0px; "border=" 0 "alt=" clipboard[66] "src=" http://s3.51cto.com/wyfs02/M00/7A/17/ Wkiol1aibjocjzstaajtwzyesli485.png "width=" "height=" 943 "/>

Create interface Templating,

650) this.width=650; "title=" clipboard[67] "style=" Border-top:0px;height:723px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[67] "src=" http://s3.51cto.com/wyfs02/M01/7A/17/wKioL1aiBjrAGnrdAACpBNCZ10k901.png "width=" 955 " height= "769"/>

In fact, we have got all the interfaces above, and then with the above network to copy the same operation, copy elements select interface, so you want to see how many interfaces to automatically create a traffic graph of how many interfaces, but if you follow this step you must have encountered a problem, That's an interface with two item found: One is the inbound item for this interface and the other is this interface to get the station item, each item has created an image, although it feels good, but can't satisfy the picky me, I want to put an interface into the station and outbound into the same diagram, Then how many interfaces create two images, rather than an interface, that creates too many images and is a burden on grafana. That would use regular expressions to filter out the really existing interfaces.

650) this.width=650; "title=" clipboard[68] "style=" Border-top:0px;height:806px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[68] "src=" Http://s3.51cto.com/wyfs02/M02/7A/18/wKiom1aiBf_ygqrNAACnfNo8JYM844.png "width=" 1002 " height= "779"/>

I post it alone (the level is limited, may be a little low):^ (gigabitethernet\d{1,}/\d{1,}/\d{1,}| Ethernet\d{1,}/\d{1,}/\d{1,}|\w*-gigabitethernet\d{1,}/\d{1,}/\d{1,})

This regular does not apply to all people, more with their own needs of the idea to write.

Applications in Images:

650) this.width=650; "title=" clipboard[69] "style=" Border-top:0px;height:383px;border-right:0px;background-image: none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px;padding-right:0px; "Border=" 0 "alt=" clipboard[69] "src=" Http://s3.51cto.com/wyfs02/M00/7A/17/wKioL1aiBkHxfFliAAE0sTQUr7c708.png "width=" 1200 " height= "685"/>

650) this.width=650; "title=" clipboard[70] "style=" font-size:14px;border-top:0px;height:318px;font-family: ' Microsoft Jacob Black '; Border-right:0px;background-image:none;border-bottom:0px;font-weight:normal;color:rgb (0,0,0); font-style:normal ; Text-align:left;padding-top:0px;padding-left:0px;border-left:0px;padding-right:0px;background-color:rgb ( 255,255,255); "border=" 0 "alt=" clipboard[70] "src=" http://s3.51cto.com/wyfs02/M02/7A/17/ Wkiol1aibkpq-37maadh5ufawzq596.png "width=" "height=" 581 "/>

Grafana is a very good open source project, the current use is very hot, the official website is also updated quickly, the new version is generally accompanied by the new cool Diao features, you can always pay attention to the official website news

Website: http://www.grafana.org/ (I do not count the ads, they will give me money, wow hahaha ~)

At the end of the ad to yourself, this article if you have to work to bring help, do not mean to reward small!

In the article I have to write a lot of emphasis, if still have a lot of friends have doubts I will give me a personal explanation of the full video!

========================================================================

If you feel that the article is well written and has helped in your work or life, would you be willing to help me in life? If you want to, for me to write a blog to add some motivation, you can sweep the following QR code to give me a small amount of sponsorship.

(no matter how small the sponsorship is you are sure of me, this will be I have been holding on to the power! Thank you! ）

650) this.width=650; "title=" Pay me [4] "style=" font-size:14px;border-top:0px;font-family: ' Microsoft Jas Black '; border-right:0px; background-image:none;border-bottom:0px;padding-top:0px;padding-left:0px;margin:0px;border-left:0px; padding-right:0px; "border=" 0 "alt=" pay me [4] "src=" http://s3.51cto.com/wyfs02/M02/7A/17/wKioL1aiBkXBdk71AAC9OR_ Iss0005.png "width=" 239 "height=" 215 "/>

It's mine:

650) this.width=650; "Title=" my [4] "style=" border-top:0px;border-right:0px;background-image:none;border-bottom:0 px;padding-top:0px;padding-left:0px;border-left:0px;padding-right:0px; "border=" 0 "alt=" my [4] "src=" http:// S3.51cto.com/wyfs02/m01/7a/17/wkiol1aibknijckiaagv1ctzgse825.png "width=" 273 "height=" 244 "/>

This article is from "A Dream" blog, please be sure to keep this source http://yigemeng.blog.51cto.com/8638584/1737741

Zabbix user benefits Come on, liberate your hands, dynamically create images automatically based on user needs