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

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

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

              Created:
              Updated:
              Resolved: