Uploaded image for project: 'ZABBIX FEATURE REQUESTS'
  1. ZABBIX FEATURE REQUESTS
  2. ZBXNEXT-6940

Vector graph widget improvements

XMLWordPrintable

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

            HunterCRS Alexander Shubin
            palivoda Rostislav Palivoda
            Team A
            Votes:
            15 Vote for this issue
            Watchers:
            30 Start watching this issue

              Created:
              Updated:
              Resolved: