[
    {
        "id": "file",
        "value": "File",
        "items": [
            { "id": "fileOpen", "value": "Open", "icon": "dxi dxi-folder-open" },
            { "id": "fileDownload", "value": "Download", "icon": "dxi dxi-download" }
        ]
    },
    {
        "id": "edit",
        "value": "Edit",
        "items": [
            { "id": "undo", "value": "Undo", "icon": "dxi dxi-undo" },
            { "id": "redo", "value": "Redo", "icon": "dxi dxi-redo" }
        ]
    },
    {
        "id": "charts",
        "html": "<img class='menu-item' src='https://snippet.dhtmlx.com/codebase/data/menu/03/img/chart-pie.svg'/><span class='dhx_nav-menu-button__text'>Charts</span>",
        "items": [
            {
                "id": "spline",
                "html": "<img class='menu-item context-menu-item' src='https://snippet.dhtmlx.com/codebase/data/menu/03/img/chart-spline.svg'/><span class='dhx_menu-button__text'> Spline</span>"
            },
            {
                "id": "donut",
                "html": "<img class='menu-item context-menu-item' src='https://snippet.dhtmlx.com/codebase/data/menu/03/img/chart-donut.svg'/><span class='dhx_menu-button__text'> Donut</span>"
            },
            {
                "id": "bar",
                "html": "<img class='menu-item context-menu-item' src='https://snippet.dhtmlx.com/codebase/data/menu/03/img/chart-bar.svg'/><span class='dhx_menu-button__text'> Bar</span>"
            }
        ]
    }
]