Step-by-Step to define a Scorecard with Trend Charts visualizations. We will try to go through all possible charts.


First, we start with a data source, using a CSV will allow you to reproduce this locally (app will be available for download). Our data source is looking like this:

kl1.PNG


To show more features, we will allow 2 free dimensions for charts.


1. As usual, add scorecard, attach data source and pay attention on selection of the row scope… 2 dimensions should be free, 3 dimensions are in the data source rows, it means we can select only the first dimensions.

kl2.PNG


2. the initial generated scorecard looks like this:

kl3.PNG


3. we will concentrate on column 3 (currently bar chart). Even you cannot see this in the selection dialog for Actual Values, the selection is as below. The generated selection cannot be displayed correctly in the dialog.

kl4.PNG

I have marked the dimension which is not selected in the dialog. When you follow the initial blog, Design Studio 1.6 – View on Scorecard Component you can analyze what this selection means.


* Scope is the first dimension (regions), so this will get removed as this is controlled by rows.

* We do not select the second dimensions (product groups), therefore from this dimension we get selected all members – this can be later controlled by “with results” or “without results”.

* In the third dimension (quarters) we select the “Summe” member, it means there will be all sums selected.

* Last part are the measures – we select billed quantity


The effect are 5 product groups as bar chart.


4. now we will switch to the line chart. to make the selection a bit more interesting, we will select line chart (in the example I have copied the column to column 5).


Desription: Billed Quantity for Internet by Quarters

Selection:

kl5.PNG


In this case, I want to show a line on Internet as product (dimension 2) group and all quarters (dimension 3). Still, as the dimension 1 is controlled by row scope, the selection in this dialog is only to visualize it better.


As in the property “” we select “All Members, skip results”, the visualization will show only 4 quarters:

kl6.PNG


5. to make bettter comparison across rows, you can always deactivate the automatic scale, then it looks like this.

kl7.PNG

Now, you can see that some lines are at the bottom of the row (e.g. 657T in row 2) and some are very hight (e.g. 5347T in row 3). This is because I have set the scale to:

kl8.PNG


6. LIne chart has one additional function – you can set a fix value for target, then the properties look like:

kl11.PNG

and then additional line for target will be placed:

kl12.PNG

7. now we go a bit further, we will change to Bubbles Chart. This chart can handle 3 measures – X Y and Z axis, where Z is the size of the buble.

8. We will select the data for X axis additionally, basically the second measure.

kl13.PNG

and very important…

9. set again fixed axes minimum and maximum values, this will allow you to compare between rows.

kl21.PNG

10. then the effect is like this:

kl22.PNG

(red marked are the points)

– so this chart can bring you the distribution based on 2 dimensions.

11. of course, you can put also third dimension for size – I will use the first dimension as this query has only 2 dimensions.

kl23.PNG

do not forget to adjust also the manual max and min for the bubbles. now the bubles are a bit different, the size is changing.

kl24.PNG

and also in those charts you can use the conditional formats as described in Scorecard: Step by Step to Nice Visualization (Conditional Format).

Example

I have exported the data source to CSV and the example is available here.

applications/SCN_SCORECARD_LINE-20160421234814.zip

You can find the scorecard definition together with used CSV data source – it works locally.

Based on those 3 blogs on the definitions, feel free to ask any missing topics.

To report this post you need to login first.

2 Comments

You must be Logged on to comment or reply to a post.

  1. Daisy Dai

    Hi Karol,

    Nice example! However, when I import the example into my DS, something strange happens to the trend line chart.

    Before I fill in the target value, everything was quite good.

    origin.PNG

    However, when I made the following change, the value count became nine.

    change.PNG

    result.PNG

    Do you have any ideas about what was going on and how can I fix this problem?

    Thanks and best regards!

    Daisy

    (0) 

Leave a Reply