https://docs.foji.io/index.php?action=history&feed=atom&title=Dashboard_JSON_Model 2026-06-22T03:28:08Z Revision history for this page on the wiki MediaWiki 1.40.1 https://docs.foji.io/index.php?title=Dashboard_JSON_Model&diff=323&oldid=prev 2024-01-02T18:56:14Z

<p>Created page with &quot;A dashboard in FojiSoft is represented by a JSON object, which stores metadata of its dashboard. Dashboard metadata includes dashboard properties, metadata from panels, template variables, panel queries, etc. To view the JSON of a dashboard: # Navigate to a dashboard. # In the top navigation menu, click the &#039;&#039;&#039;Dashboard&#039;&#039;&#039; &#039;&#039;&#039;settings&#039;&#039;&#039; (gear) icon. # Click &#039;&#039;&#039;JSON Model&#039;&#039;&#039;. == JSON fields == When a user creates a new dashboard, a new dashboard JSON object is initial...&quot;</p> <p><b>New page</b></p><div>A dashboard in FojiSoft is represented by a JSON object, which stores metadata of its dashboard. Dashboard metadata includes dashboard properties, metadata from panels, template variables, panel queries, etc.<br /> <br /> To view the JSON of a dashboard:<br /> <br /> # Navigate to a dashboard.<br /> # In the top navigation menu, click the &#039;&#039;&#039;Dashboard&#039;&#039;&#039; &#039;&#039;&#039;settings&#039;&#039;&#039; (gear) icon.<br /> # Click &#039;&#039;&#039;JSON Model&#039;&#039;&#039;.<br /> <br /> == JSON fields ==<br /> When a user creates a new dashboard, a new dashboard JSON object is initialized with the following fields:<br /> <br /> &#039;&#039;&#039;Note&#039;&#039;&#039;: In the following JSON, id is shown as null which is the default value assigned to it until a dashboard is saved. Once a dashboard is saved, an integer value is assigned to the id field.<br /> [[File:Visualize dashboard json fields.png|center|frameless|768x768px]]<br /> Each field in the dashboard JSON is explained below with its usage:<br /> [[File:Visualize dashboard json field table.png|center|frameless|712x712px]]<br /> <br /> === Panels ===<br /> Panels are the building blocks of a dashboard. It consists of data source queries, type of graphs, aliases, etc. Panel JSON consists of an array of JSON objects, each representing a different panel. Most of the fields are common for all panels but some fields depend on the panel type. Following is an example of panel JSON of a text panel.<br /> [[File:Visualize dashboard json panels.png|center|frameless|700x700px]]<br /> <br /> === Panel size and position ===<br /> The gridPos property describes the panel size and position in grid coordinates.<br /> <br /> * w 1-24 (the width of the dashboard is divided into 24 columns)<br /> * h In grid height units, each represents 30 pixels.<br /> * x The x position, in same unit as w.<br /> * y The y position, in same unit as h.<br /> <br /> The grid has a negative gravity that moves panels up if there is empty space above a panel.<br /> <br /> === Timepicker ===<br /> [[File:Visualize dashboard json timepicker.png|center|frameless|700x700px]]<br /> Usage of the fields is explained below:<br /> [[File:Visualize dashboard json timepicker fields.png|center|frameless|700x700px]]<br /> <br /> === templating ===<br /> The templating field contains an array of template variables with their saved values along with some other metadata, for example:<br /> [[File:Visualize dashboard json templating.png|center|frameless|948x948px]]<br /> Usage of the above-mentioned fields in the templating section is explained below:<br /> [[File:Visualize dashboard json templating table.png|center|frameless|768x768px]]<br /> [[Category:Visualize]]</div>

Chris.Hansen