[ZBXNEXT-6940] Vector graph widget improvements Created: 2021 Sep 23  Updated: 2024 Nov 01  Resolved: 2022 Aug 24

Status: Closed
Project: ZABBIX FEATURE REQUESTS
Component/s: Frontend (F)
Affects Version/s: None
Fix Version/s: 6.2.0rc1, 6.2.0rc2, 6.2.0rc3, 6.2 (plan)

Type: Change Request Priority: Trivial
Reporter: Rostislav Palivoda (Inactive) Assignee: Alexander Shubin
Resolution: Fixed Votes: 15
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File 2022-06-23_13-42-28.png     GIF File 2_item_list_cant_add.gif     PNG File MicrosoftTeams-image (8).png     PNG File Screenshot 2022-02-25 at 12.34.57.png     PNG File Screenshot 2022-06-30 at 11.11.08.png     PNG File Screenshot 2022-06-30 at 11.11.33.png     PNG File Selection_002.png     PNG File Selection_009.png     PNG File Selection_010.png     PNG File Selection_011.png     PNG File Selection_012.png     PNG File Selection_019.png     PNG File Selection_020.png     PNG File Selection_021.png     PNG File Selection_024.png     PNG File Selection_025.png     PNG File Selection_026.png     PNG File Selection_036-1.png     PNG File Selection_036.png     PNG File Selection_999(1678).png     PNG File Selection_999(1681).png     PNG File Selection_999(1682).png     PNG File Selection_999(1683).png     PNG File Selection_999(1685).png     PNG File Selection_999(1689).png     PNG File Selection_999(1690).png     PNG File Selection_999(1693).png     PNG File Selection_999(1696).png     PNG File Selection_999(1697).png     PNG File Selection_999(1698).png     PNG File Selection_999(1701).png     PNG File Selection_999(1702).png     PNG File Selection_999(1708).png     PNG File Selection_999(1709).png     PNG File Selection_999(1719).png     PNG File Selection_999(1720).png     PNG File Selection_999(1721).png     PNG File Selection_999(1722).png     PNG File Selection_999(1723).png     PNG File Selection_999(1727).png     PNG File Selection_999(1728).png     GIF File aggregation_enabled_for_items_list.gif     GIF File browser_error_stacked.gif     GIF File checkboxes.gif     GIF File datepicker.gif     GIF File drag_and_drop_in_item_list.gif     GIF File drag_and_drop_issue.gif     GIF File draggable_widget_data_column.gif     PNG File editview.png     PNG File editviewok.png     GIF File errors_esizing_widget.gif     GIF File field.gif     GIF File graph_widget_errors.gif     PNG File host-image.png     PNG File hostfield.png     PNG File hostfieldbug.png     GIF File incorrect_colorpicker_posititon.gif     GIF File item_list_errors_delete.gif     GIF File item_list_item_order.gif     PNG File itemslist_items_order_notmatch.png     GIF File no_graph_update.gif     GIF File no_stacked_graph.gif     GIF File setup.gif     GIF File stacked_graph_issue.gif     GIF File stucked_legend.gif     GIF File suggest.gif     GIF File treat_as_0_error.gif     GIF File usage_of_stacked_checkbox_breaks_data_display.gif     GIF File wrong_colors_dispalyerd.gif     GIF File wrong_multiselect_ids.gif    
Issue Links:
Causes
causes ZBX-21472 Graph widget incorrectly shows the pr... Closed
causes ZBX-21489 Graph widget multiselect layout and o... Closed
causes ZBX-22350 Vector Graph Aggregations Broken For ... Closed
causes ZBX-22915 Dashboard pages do not focus when cli... Closed
causes ZBX-23919 Widget graph's option Display min/max... Closed
Sub-task
Team: Team A
Sprint: Sprint 80 (Sep 2021), Sprint 81 (Oct 2021), Sprint 82 (Nov 2021), Sprint 83 (Dec 2021), Sprint 84 (Jan 2022), Sprint 85 (Feb 2022), Sprint 86 (Mar 2022), Sprint 87 (Apr 2022), Sprint 88 (May 2022), Sprint 89 (Jun 2022), Sprint 90 (Jul 2022), Sprint 91 (Aug 2022)
Story Points: 2

 Description   

Summary

On the way to the modern and good-looking UI, Zabbix must remove old-style PNG graphs in favor of the new vector ones. To achieve this, the following steps must be taken:

  1. Improve vector graphs widget:
    1. Add stacked graphs, add the ability to reference items by ids, other visual changes
    2. Add pie charts
  2. Replace PNG graphs with vector graphs in Latest data
  3. Replace PNG graphs with vector graphs in Hosts and Dashboards

This document describes step 1a.

Use cases

  1. I want to use vector graphs widgets the same way I use PNG ones.
  2. I want to display missing data for throttled items.
  3. I (as a Zabbix developer) want to prepare for graph changes in the Latest data and other forms.


 Comments   
Comment by patrik uytterhoeven [ 2021 Sep 24 ]
  • make hosts selectable per dashboard instead of per widget and best with regex so we dont have to select hosts in every widget over and over => ZBXNEXT-6727
  • add widget to show only 1 metric 
  • add gauge widget 
  • add percentile  => ZBXNEXT-6946
Comment by Brian van Baekel [ 2021 Sep 24 ]

+1 for the gauge widget!

Comment by Dimitri Bellini [ 2021 Sep 29 ]

I would add my 2 cents:

  • provide an API to extract the final rendered Graph, there are lot of benefits on that (Reporting)

Thanks

Comment by Marco Hofmann [ 2022 Feb 10 ]

Will this the the resolution to ZBX-16162? I ask because we are only waiting since 3 years since simple graphs were crippled.

Comment by Alex Kalimulin [ 2022 Feb 25 ]

Will this the the resolution to ZBX-16162?

starko, it's planned to have it this way:

Comment by Marco Hofmann [ 2022 Mar 01 ]

Sorry for the late reply.

If I understand you correctly, you are not guessing any data in between two data points, but instead are assuming that all data that has been throttled/discarded, was the same value as before, and therefore just continue the line completely horizontal?

pinging umike & yurtesen because they had a great discussion over at ZBX-16162 and they might want to add their opinion to your example picture.

Comment by Alex Kalimulin [ 2022 Mar 02 ]

starko,

If I understand you correctly, you are not guessing any data in between two data points, but instead are assuming that all data that has been throttled/discarded, was the same value as before, and therefore just continue the line completely horizontal?

Correct. This will be another option in "Missing data" selector. If there are any strong cases against this approach we'd like to know.

Comment by Marco Hofmann [ 2022 Mar 02 ]

Kalimulin As far as I can tell, I like that approach.

The only question I have, and I know I'm a PITA here, is: How will this work in "Latest data"? I ask, because you mentioned:

This will be another option in "Missing data" selector.

And if I recall correctly, this is something you can configure in the Dashboard Graph Widget, but nothing like this can be configured in "Latest data". Does that mean, that there will be be a switch in Latest data to dis/enable that "Missing data" setting on-demand? Just like "Show items without data", for example?

Comment by Jack Valko [ 2022 Mar 14 ]

Gauge widget now available.

https://github.com/jack-valko/Zabbix-Dashboard-Gauge

Comment by Alex Kalimulin [ 2022 Mar 14 ]

starko,

And if I recall correctly, this is something you can configure in the Dashboard Graph Widget, but nothing like this can be configured in "Latest data". Does that mean, that there will be be a switch in Latest data to dis/enable that "Missing data" setting on-demand? Just like "Show items without data", for example?

It's still not decided but there are several obvious options - to hardcode this setting to "Last known", make it globally configurable (e.g. in Administration->General->Gui), make it settable in the Latest data parameters (as in your example) or somehow make it settable in the Graph context. While having this in the Latest data seems to be the most straightforward and easily discoverable,  I'm not sure if it's the right place because (a) we would overload Latest data with the setting that will be probably set once and not touched in a year afterward (b) does not have a direct impact on how the data is displayed in the grid. So opinions welcome

Comment by Marco Hofmann [ 2022 Mar 18 ]

Hi Kalimulin, if I might add my opinion here: I like your suggestion more than mine. You are right, it might clutter Latest data unnecessarily. I think your suggestion to set it in Administration->General->Gui is a lot better, because as you said: "that will be probably set once and not touched in a year afterward". So +1 for Administration->General->Gui
But now that I think about it: If it would be in Administration->General->Gui, would I enable that for all users?

Comment by Marco Hofmann [ 2022 May 23 ]

With 6.2 around the corner, Kalimulin, can we say if this will be solved until release and most importantly ZBX-16162?

Comment by Alex Kalimulin [ 2022 May 24 ]

starko, this should be ready (hopefully) by 6.2 release within the scope in the task description: "Add stacked graphs, add the ability to reference items by ids, other visual changes". "Last known" will be supported too. But the corresponding Latest data changes to work with SVG graphs are postponed till 6.4.

Comment by Marco Hofmann [ 2022 May 27 ]

That's sad to hear, but that's how priorities work. Let's hope that ZBX-16162 will be fixed by the end of 2022!
Thanks for answering my question!

Comment by Alexander Shubin [ 2022 Jun 08 ]

Implemented in 6.2.0rc1 (master) db084adf41b

Comment by Jacob Franklyn [ 2022 Jun 23 ]

Would it be possible for a Stacked summary line in the legend that gives the stacked min/avg/max values and be a separate legend option from the items min/avg/max?

Comment by Marco Hofmann [ 2022 Jul 05 ]

May I politely ask if ZBX-16417 is something to be considered in this change? I'm missing this desperately on the new Dashboards.

Comment by Alex Kalimulin [ 2022 Jul 06 ]

starko, please see: https://support.zabbix.com/browse/ZBX-16417?focusedCommentId=682080&page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#comment-682080

Comment by Marco Hofmann [ 2022 Jul 06 ]

Thank you very much! I wasn't aware that this was already part of this change. (At least I didn't find it written anywhere?) EDIT: I found it in the Release Notes, must've missed it.
Anyway, thanks a lot! That was very important to us!

Comment by Nathan Liefting [ 2022 Aug 24 ]

Perhaps I missed something, but since this was closed as fixed in 6.2. What happened to:

2. Replace PNG graphs with vector graphs in Latest data

3. Replace PNG graphs with vector graphs in Hosts and Dashboards

 

 

Comment by Alex Kalimulin [ 2022 Aug 24 ]

nathan.liefting, sorry for the confusion. It's not forgotten and will be a matter of separate tasks. The description is not clear enough about this but it says "This document describes step 1a." which is "Add stacked graphs, add the ability to reference items by ids, other visual changes".

Comment by Nathan Liefting [ 2022 Aug 24 ]

@Alex Clear now, thanks! Slightly confusing indeed. I couldn't find it, but I guess there is no public ticket related to step 2 and 3 (the PNG replacement) then?

Comment by Alex Kalimulin [ 2022 Aug 24 ]

nathan.liefting, not yet.

Comment by dimir [ 2023 Feb 13 ]

Possibly caused ZBX-22350

Comment by Mickael Martin [ 2023 Mar 21 ]

Hello,

Same remak as nathan.liefting, who should create this zabbix next, Kalimulin or Zabbix community ?
We have no update about these tasks and no change on 6.4

Comment by Alex Kalimulin [ 2023 Mar 22 ]

mma, yes, unfortunately it didn't make it into 6.4. Vector graphs for the Latest data are currently scheduled for 7.0. It doesn't matter who creates the ticket in this case. When we are ready to do this work we'll look for an existing ticket, and make a new one if not found.

Generated at Thu May 22 08:13:15 EEST 2025 using Jira 9.12.4#9120004-sha1:625303b708afdb767e17cb2838290c41888e9ff0.