---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.0
alternate:
  - en/operations/dashboard/add-chart
  - ru/operations/dashboard/add-chart
  - href: en/operations/dashboard/add-chart.md
    type: text/markdown
    title: Markdown version
csp:
  - script-src:
      - https://mc.yandex.ru
    img-src:
      - https://mc.yandex.ru
    connect-src:
      - https://mc.yandex.ru
      - wss://mc.yandex.ru
    child-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-ancestors:
      - 'blob:'
      - https://mc.yandex.ru
title: How to add a chart to a dashboard in DataLens On-premises
description: Follow this guide to add a chart to a dashboard in DataLens On-premises.
canonical: en/operations/dashboard/add-chart.html
vcsPath: en/operations/dashboard/add-chart.md
---

# Adding a chart to a dashboard in DataLens On-premises

Follow these steps to add a chart to a dashboard:


1. In the left-hand panel, click <!-- diplodoc:svg ![image](../../_assets/console-icons/layout-cells-large.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H8.75v3.75h4.75V5A1.5 1.5 0 0 0 12 3.5m1.5 5.25H8.75v3.75H12a1.5 1.5 0 0 0 1.5-1.5zm-6.25-1.5V3.5H4A1.5 1.5 0 0 0 2.5 5v2.25zM2.5 8.75h4.75v3.75H4A1.5 1.5 0 0 1 2.5 11zM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3z" clip-rule="evenodd"/></svg> **Dashboards** and select the dashboard you need. If you do not have a dashboard, [create one](create.md).
1. At the top of the page, click **Edit**.
1. In the panel at the bottom of the page, click <!-- diplodoc:svg ![image](../../_assets/console-icons/chart-column.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#svg-xk4on98x__a)"><path fill="currentColor" fill-rule="evenodd" d="M11.5 3.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5m-2.5 9a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5zm-4.5 0A.5.5 0 0 0 5 12v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5zm-1 1.5h-1a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h2q.26 0 .5.063V7a2 2 0 0 1 2-2h2q.26 0 .5.063V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2z" clip-rule="evenodd"/></g><defs><clipPath id="svg-xk4on98x__a"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></svg> **Chart** and drag it where you want it to be.

   ![image](../../_assets/datalens/operations/widget-select.png =500x118)

1. Specify the widget settings. Pay close attention to the following fields:

   * **Header**. It sets the widget name. If the **Show** option is enabled (by default), the name is displayed at the top of the widget.
   * **Chart**. It sets the widget you are adding. Select the chart: 

     {% list tabs %}

     - From the list of objects

       Click **Select**. Select the chart from the list of objects. If the chart is already selected, you can proceed to edit it by clicking **Open** next to the chart.

     - Using a link

       Click **Specify link**. Enter the chart URL in the input field. Click **OK** on the right.


     {% endlist %}

   * **Description**. This option allows adding a description for the widget. The description is displayed at the bottom of the widget. You can use either a visual editor or [Markdown](../../dashboard/markdown.md).
   * **Tooltip**. This option allows adding a tooltip to the widget. With this option on, the <!-- diplodoc:svg ![image](../../_assets/console-icons/circle-question.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14M6.44 4.54c.43-.354.994-.565 1.56-.565 1.217 0 2.34.82 2.34 2.14 0 .377-.078.745-.298 1.1-.208.339-.513.614-.875.867-.217.153-.325.257-.379.328-.038.052-.038.07-.038.089a.75.75 0 0 1-1.5 0c0-.794.544-1.286 1.057-1.645.28-.196.4-.332.458-.426a.54.54 0 0 0 .075-.312c0-.3-.244-.641-.84-.641a1 1 0 0 0-.608.223c-.167.138-.231.287-.231.418a.75.75 0 0 1-1.5 0c0-.674.345-1.22.78-1.577M8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/></svg> icon will appear next to the chart header. Hovering over the icon will bring up the tooltip. You can use either a visual editor or [Markdown](../../dashboard/markdown.md).
   * **Auto height**. It sets the automatic height for a widget of the **Table** type. If it is disabled, you can set the widget height on the page using the mouse.
   * **Filtering**. It enables cross-chart [filtering](../../dashboard/chart-chart-filtration.md) on the dashboard.


1. Optionally, under **Parameters**, list [chart parameters](../../dashboard/dashboard_parameters.md#params-chart) and set their default values. If you do not set the default values, an error will be displayed on the dashboard.
1. Click **Add**. The widget will appear on the dashboard.