Visual intro

Let's discover Plotyl JS visual in 5 min.

What you'll need

• Power BI Desktop or Power BI Service:
• Microsoft work account under an organization's email
• Sample or your own dataset

Getting Started

1. Import the visual from Appsource in Power BI Desktop.

   

   On the Visualizations pane, click on ... and select Get more visuals

2. Type PlotlyJS in the search bar to find the visual:

   

   Then click on the PlotlyJS Visual icon to open the visual page.

   

3. Click on Add to load the visual into Power BI Desktop.

4. Switch the visual to PlotlyJS Visual by clicking on the PlotlyJS Visual icon.

   

5. Assign data to the visual:

   

   Click on +Add data under the Data section of the panel and select columns from the table that you would like to be included in the visualization.

6. Switch to edit mode by clicking on ... to open the visual menu and selecting Edit.

   

   The visual will open in focus mode and will launch Chart studio.

   

Configuring the Simple Chart

1. Click on the +Trace button to start configuring the chart

   

2. Switch the trace by clicking on Scatter type:

   

3. Select the Line chart:

   

4. Assign columns to X and Y axes

   

   The result:

   

5. Save the chart by selecting Save/load / JSON tab and clicking on the Save button

   

6. Click on the Back to report button to exit from the Chart studio and see the result: