Skip to main content
Sumo Logic

Modify a Chart

You can customize a chart on a dashboard panel in a variety of ways. You can even change the chart type to analyze the data in another format. This section shows you how to customize a chart or change the chart type entirely. 

Customize a chart

You can customize each chart by modifying the available settings. The settings you can change vary according to the chart type. This page shows you how to edit a panel and customize General, Display, Display Overrides, Axes, Legend, and JSON chart settings.

Select a chart to edit

You begin the customization process by selecting the dashboard panel with the chart you wish to modify.

To edit a panel, do the following:

  1. On the chart panel, click the Details icon. 
  2. Select Edit from the drop-down list.

edit new panel.png

The chart page appears with the chart settings menu bar on the far right. Display setting options are shown by default.

MC_ChartSettings_Menu_Bar.png

Modify general settings

The General settings allow you to change the chart title, the font size of the title, description for the chart

To customize the chart title and description, do the following:

  1. In the menu bar, click the General icon.

MC_General_settings.png

  1. To change the name of the chart, click in the Chart Title field and enter a new name.
  2. To change the font size click the Title Font Size arrows up or down. 
  3. To add a helpful description, click in the Description field and enter a brief explanation of the chart's purpose.
  4. To save your settings and return to the dashboard, click Update Dashboard in the upper right corner of the window. 

MC_Update_Dashboard.png

Modify display settings

The customizable display settings vary according to the panel and chart type. In our example, we are modifying a time series chart.

To customize the visual display of a chart, do the following:

  1. Click the Display icon in the menu bar.

MC_Display_settings.png

  1. To change the format of the chart click Chart Type and make a selection from the drop-down list.

MC_Display_ChartType.png

  1. To change the colors of the chart display click Color Palette and make a selection from the drop-down list.

MC_Display_Format_ColorPalette.png

  1. Make selections for the other format options available for the chart type.

MC_Display_modify-results.png

  1. To save your customized settings and return to the dashboard, click Update Dashboard in the upper right corner of the window. 

MC_Update_Dashboard.png

Override dashboard displays

The ability to override dashboard displays allows you to create panel visualizations that make charts easier to assess and form conclusions. You can override selected dashboard displays to create a visual story that highlights what is most important to monitor.

For example, you may want to set a specific time-series to red to signify that it represents errors, or overlay two different metrics with different axis ranges so it's easy to correlate across them. You may also want to rename the legend and tooltip values of a chart for readability and ease of use.

To override select dashboard displays, do the following:

  1. Click the Display Overrides icon in the far right menu bar.

MC_Display_Overrides_icon.png

  1. Enter a Query or series name you want to override. This is the letter of the row the query is assigned to, for example #A and #B.

    The following image shows a metrics and logs query charted together. In the Display Overrides menu the Logs query is referenced as #B to assign an alias and red color. 
    Logs and Metrics.png
  2. Enter an Alias, as necessary.
  3. Select a Property from the drop-down list. You can add as many properties and needed.
  4. Optionally, add another override by selecting Add New Override and completing steps 2 - 4.
  5. To save your customized settings and return to the dashboard, click Update Dashboard in the upper right corner of the window. 

MC_Update_Dashboard.png

Modify chart axes

You can easily change the displays of the X and Y axes.

To change chart axes displays, do the following:

  1. Click the Axes icon in the far right menu bar.

MC_Axes_icon.png

  1. For the Y-Axis, click in the Title field and enter a title or modify an existing title, then modify the following options, as necessary:
  • Title Font Size. Size of the title font
  • Label Font Size. Size of the label font
  • Scale. Options vary according to chart type
  • Range. Ranges for Y and X axis
  • Gridline. Color for the gridline
  1. For the X-Axis, click in the Title field and enter a title or modify an existing title, then modify the following options, as necessary:
  • Title Font Size. Size of the title font
  • Label Font Size. Size of the label font

MC_Y-Axis_options.png

  1. To save your customized settings and return to the dashboard, click Update Dashboard in the upper right corner of the window. 

MC_Update_Dashboard.png

Modify chart legend

You can toggle the chart Legend display on and off, where it appears, as well as modifying the legend display properties.

To modify the chart legend, do the following:

  1. Click the Legend icon in the far right menu bar.

MC_Legend_icon.png

  1. To turn OFF the legend display, toggle Show Legend to the Left. To turn the legend display back ON, toggle Show Legend to the Right.
  2. Specify the Position of the Legend by clicking Right or Bottom.
  3. Modify the following Display Properties, as needed:
  • Font Size. Size of the legend font
  • Max Height. Maximum height of the legend
  • Show as Table. Table display, toggle On or Off
  • Wrap Text. Text display, toggle On or Off

MC_Legend_DisplayProperties.png

  1. To save your customized settings and return to the dashboard, click Update Dashboard in the upper right corner of the window. 

MC_Update_Dashboard.png

Modify chart JSON 

The JSON for each chart is available for you to customize the visual settings beyond the options Sumo Logic provides in the user interface. You can add settings from canvasJS to the visualSettings section of the JSON.

To leverage custom canvasJS properties on a specific series add a unsafeCanvasJSProperties block to any display override block.

To modify the JSON of a chart, do the following:

apply changes.png

  1. Click Update Dashboard in the upper right corner of the window to save your chart customizations.
  2. Click the JSON icon in the menu bar.
  3. Modify the JSON as necessary.
  4. Click Update Preview or Copy To Clipboard.
    DB_CustomChart_JSON-option.png
  5. To save your customized settings and return to the dashboard, click Update Dashboard in the upper right corner of the window.

MC_Update_Dashboard.png