Vector graph widget improvements

XMLWordPrintable

    • 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)
    • 2

      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.

        1. wrong_multiselect_ids.gif
          2.48 MB
          Sergejs Olonkins
        2. wrong_colors_dispalyerd.gif
          272 kB
          Sergejs Maklakovs
        3. usage_of_stacked_checkbox_breaks_data_display.gif
          872 kB
          Sergejs Olonkins
        4. treat_as_0_error.gif
          1.30 MB
          Sergejs Maklakovs
        5. suggest.gif
          243 kB
          Natalja Romancaka
        6. stucked_legend.gif
          654 kB
          Sergejs Maklakovs
        7. stacked_graph_issue.gif
          986 kB
          Sergejs Maklakovs
        8. setup.gif
          212 kB
          Natalja Romancaka
        9. Selection_999(1728).png
          121 kB
          Sergejs Maklakovs
        10. Selection_999(1727).png
          107 kB
          Sergejs Maklakovs
        11. Selection_999(1723).png
          61 kB
          Sergejs Maklakovs
        12. Selection_999(1722).png
          99 kB
          Sergejs Maklakovs
        13. Selection_999(1721).png
          54 kB
          Sergejs Maklakovs
        14. Selection_999(1720).png
          84 kB
          Sergejs Maklakovs
        15. Selection_999(1719).png
          84 kB
          Sergejs Maklakovs
        16. Selection_999(1709).png
          130 kB
          Sergejs Maklakovs
        17. Selection_999(1708).png
          13 kB
          Sergejs Maklakovs
        18. Selection_999(1702).png
          175 kB
          Sergejs Maklakovs
        19. Selection_999(1701).png
          31 kB
          Sergejs Maklakovs
        20. Selection_999(1698).png
          21 kB
          Sergejs Maklakovs
        21. Selection_999(1697).png
          21 kB
          Sergejs Maklakovs
        22. Selection_999(1696).png
          161 kB
          Sergejs Maklakovs
        23. Selection_999(1693).png
          222 kB
          Sergejs Maklakovs
        24. Selection_999(1690).png
          59 kB
          Sergejs Maklakovs
        25. Selection_999(1689).png
          39 kB
          Sergejs Maklakovs
        26. Selection_999(1685).png
          73 kB
          Sergejs Maklakovs
        27. Selection_999(1683).png
          205 kB
          Sergejs Maklakovs
        28. Selection_999(1682).png
          57 kB
          Sergejs Maklakovs
        29. Selection_999(1681).png
          60 kB
          Sergejs Maklakovs
        30. Selection_999(1678).png
          63 kB
          Sergejs Maklakovs
        31. Selection_036-1.png
          59 kB
          Sergejs Maklakovs
        32. Selection_036.png
          59 kB
          Sergejs Maklakovs
        33. Selection_026.png
          52 kB
          Sergejs Maklakovs
        34. Selection_025.png
          57 kB
          Sergejs Maklakovs
        35. Selection_024.png
          29 kB
          Sergejs Maklakovs
        36. Selection_021.png
          55 kB
          Sergejs Maklakovs
        37. Selection_020.png
          41 kB
          Sergejs Maklakovs
        38. Selection_019.png
          26 kB
          Sergejs Maklakovs
        39. Selection_012.png
          67 kB
          Sergejs Maklakovs
        40. Selection_011.png
          50 kB
          Sergejs Maklakovs
        41. Selection_010.png
          50 kB
          Sergejs Maklakovs
        42. Selection_009.png
          39 kB
          Sergejs Maklakovs
        43. Selection_002.png
          42 kB
          Sergejs Maklakovs
        44. Screenshot 2022-06-30 at 11.11.33.png
          159 kB
          Alex Kalimulin
        45. Screenshot 2022-06-30 at 11.11.08.png
          183 kB
          Alex Kalimulin
        46. Screenshot 2022-02-25 at 12.34.57.png
          43 kB
          Alex Kalimulin
        47. no_stacked_graph.gif
          1.45 MB
          Sergejs Maklakovs
        48. no_graph_update.gif
          2.96 MB
          Sergejs Maklakovs
        49. MicrosoftTeams-image (8).png
          48 kB
          Sergejs Maklakovs
        50. itemslist_items_order_notmatch.png
          36 kB
          Gregory Chalenko
        51. item_list_item_order.gif
          2.11 MB
          Sergejs Maklakovs
        52. item_list_errors_delete.gif
          649 kB
          Sergejs Maklakovs
        53. incorrect_colorpicker_posititon.gif
          763 kB
          Sergejs Maklakovs
        54. host-image.png
          87 kB
          Natalja Romancaka
        55. hostfieldbug.png
          49 kB
          Natalja Romancaka
        56. hostfield.png
          75 kB
          Natalja Romancaka
        57. graph_widget_errors.gif
          494 kB
          Sergejs Maklakovs
        58. field.gif
          193 kB
          Natalja Romancaka
        59. errors_esizing_widget.gif
          2.43 MB
          Sergejs Maklakovs
        60. editviewok.png
          135 kB
          Natalja Romancaka
        61. editview.png
          116 kB
          Natalja Romancaka
        62. draggable_widget_data_column.gif
          330 kB
          Sergejs Maklakovs
        63. drag_and_drop_issue.gif
          1.01 MB
          Sergejs Maklakovs
        64. drag_and_drop_in_item_list.gif
          2.55 MB
          Sergejs Maklakovs
        65. datepicker.gif
          215 kB
          Natalja Romancaka
        66. checkboxes.gif
          161 kB
          Natalja Romancaka
        67. browser_error_stacked.gif
          965 kB
          Sergejs Olonkins
        68. aggregation_enabled_for_items_list.gif
          5.66 MB
          Sergejs Maklakovs
        69. 2022-06-23_13-42-28.png
          143 kB
          Jacob Franklyn
        70. 2_item_list_cant_add.gif
          1.45 MB
          Sergejs Maklakovs

            Assignee:
            Aleksandrs Subins
            Reporter:
            Rostislav Palivoda (Inactive)
            Team A
            Votes:
            15 Vote for this issue
            Watchers:
            30 Start watching this issue

              Created:
              Updated:
              Resolved: