3 Ways to Make Lovely Line Graphs in Power BI

Our first tip is to use the tools that Power BI gives you right away! It’s a very simple thing to do and it can get your data immediately looking clean and legible. Our example starts by selecting the Line chart visualization and bringing the Order Date (Month) to the X-axis, the Sum of Gross Sales to the Y-axis, and the Discount Band to the Legend. What you get at this point is a clear, readable line graph, but we can definitely do better with some simple formatting. 

Before we make the visual changes, we’ll make a quick filter addition to remove the “None” Discount values. This will simplify our visual for this tutorial and as you can see from the filter menu, contains the smallest number of records. We’ll also filter this to only 2014 data, as 2013 only contains partial monthly data.

Starting with the overall title, let’s change “Sum of Gross Sales by Month and Discount Band” on the Y-axis to just “Sales.” I think you might agree with me that the default title is unwieldy and long when it doesn’t need to be–we already know this is a “by month” chart because we have an Axis header at the bottom that gives us that information, and a sub-header right below the title shows that each line represents a distinct Discount Band. To make this change you’ll navigate to the Format visual menu and update the main title text from Default to “Sales.” My recommendation is to keep the data-to-ink ratio low but still provide necessary information. Your viewer will no doubt be able to discern that this chart is monthly by the X-axis, and is about Sales by the Y-axis title, so we can turn those axis titles off as well.

Private Power BI Training

Learn fundamentals to advanced topics from the experts in visual analytics.

Inquire Today

We can make the data points stand out even more by adding Markers to the lines. Markers can be found directly below Lines in the Format menu. Perhaps you want to draw the viewer’s eyes towards one line over the others–there are plenty of ways to do that in Power BI. For our example, we’ll highlight the “High” discount band with some straightforward formatting tricks. To start, we’ll go into the Lines menu and apply the “Dashed” Line style for both Medium and Low lines, leaving the High line as the lone solid option. We can make High stand out even more if we adjust the stroke width for that line as well–see what it looks like when you make High at 5 px while the other lines remain at 4 px. 

Maximize the “data-ink ratio”

The next tip is one you should consider implementing for any visualization you create. Maximize that “data-ink ratio”! Edward Tufte introduced this idea and it has stuck around–the idea that you should be dedicating as much “ink” (digital ink, now) on any visualization to the data as possible. Jettison extra lines, axis labels, tick marks, and anything that might detract from the data itself. 

Power BI doesn’t allow you to format your month names by default, but there’s a very easy way to shrink down the size of your x-axis legend: DAX. Add a column to your table with this:

Once this is created, you can replace your existing month field with with new column. If you find that the new column lists your months out of order, you can solve this by sorting the Short Month field by Month Number. Click on the Short Month measure in the Data menu, then “Sort by column” from the top ribbon. 

We can focus our eyes on a single dimension through color and size, allowing us to make the ink we do use stand out. This can be done dynamically by the user, but we’ll discuss that another time. To continue using the High discount band in our example, we’re going to change the color of our Medium and Low lines to a light gray, making them almost appear as background noise to the “featured” High line. Here’s how the visualization looks when we drive our attention to a single line. (Bonus lesson: I put one completely unnecessary line in the visualization. Can you see it? If you’re building your own, see how it looks with this line removed.)

Make use of dual-axis

Now that we’ve isolated the High band as one we’d like to look at, we can do further analysis by taking advantage of Power BI’s integrated dual axis. Edit your current Discount Band filter to only include the High Discount Band, remove Discount Band from your Legend, and then drop the Profit measure onto the Secondary y-axis.

Your visualization should look like this.

You see the secondary y-axis on the right, and it is a different scale for Profit than it is for Sales. Because of this difference in scale, it’s a good idea to draw the viewer’s visual attention to this fact as much as possible–we need to tie the Sales line to the Sales scale, and the Profit line to the Profit scale.

We can do that with color, and also change the title on the chart to accurately (and quickly!) reflect what the user will see. To do this, simply hide the default title in the format menu for the chart, and add a Text Box with your color-matched title above. Your final output should look similar to this:

Hope you enjoyed this basic line chart tutorial.

Thanks for your time!
Matt