multiple stacked area charts nvd3 - errors - charts

I am trying to create a dashboard with multiple area charts on the same page. I have two issues.
I want to get rid of the small circle on the chart that indicates value point and moves along with the cursor and the interactiveguideline. What is the name of that circle and how do I remove it?
After some research, I figured out how to change the Y-axis values to percentages. But I would like some graphs to show percentages and others to show regular numbers. Is there an easy way to do this?

Related

Merging Percentage Lines with The Bars in Tableau Desktop

I have a graph that shows the ratio (count) of payable vs. processed words among the total words on stacked bars. I would also like to display the same ratio in percentages in lines overlapping the bars.
At the moment I have them in two separate graphs, but I want to merge them so that it takes less space in my dashboard view. I am unable to select the dual combination view as it requires two measures and even though I keep trying to cmd+click+drag the percentage measure pill to my marks, it's only changing the calculations in the bars but not allowing me to select the dual combination view.
Since the percentages are basically the ratio of the green/total in the bars, I don't think I need any complicated configurations for displaying it, however, I am also failing to achieve what I want.
Could you please tell me how to do this visualization?
Edit: I noticed that the reason I couldn't generate the dual combination view was that I had three date pills (year, quarter, month), and by removing two of them, I'm able to generate the dual combination view, but it's far from what I'm looking for as it's only splitting the stacked bar into bar+line.
Neeku, I certainly understand the desire to minimize "real estate" in your dashboard. If I understand your needs correctly, I believe that overlaying a transparent-background chart over the first chart might meet your needs, if a dual-axis chart doesn't work for you (for example, if you wanted to overlay a line chart on a column chart that is itself already dual axis).
By way of example, here is a simple Sample Superstore dashboard with a line chart on top and a stacked column at the bottom.
simple dashboard
Change the line chart to "Floating"
Size it to fit over your column chart and change the background to transparent by clicking anywhere in the line chart and select "Format"
...Format Shading
...and "None" for the color selection
Your line chart is now an overlay, but it's pretty messy.
Click on the line chart and hide field labels,
...turn off "Show Header" for each pill in the line chart
Clean things up and it should look better:
Note: one big issue with this approach is that you will not be able to click to select chart elements of the underlying chart.

Why does AWS CloudWatch dashboard widget does not respect scales when drawing two lines?

I'm new to AWS and CloudWatch.
Here is a screenshot of a CloudWatch dashboard showing two parameters related to a Dynamo table.
As you can see in the pop-up the value of the sample for the orange timeseries is 2,252 while the value of the sample for the red timeseries is 7,000, yet the red chart is drawn under the orange chart. If you check the scale on the left, it seems the red series is the one that get drawn correctly, while the line of the orange one is somehow "inflated".
Can you please help me understand what is the reason behind this?
It looks like your mouse hover point data and the popup data are out of sync. Just a UI glitch.
The popup is showing 09:57 and probably on the chart at 09:57 those are the correct values.
The hover point you chose is a particular peak and is at what time? The last digit is cut off from the display but it's definitely not a 7! Looks like "09:50" maybe?
Minor UI glitch is my diagnosis.
Eventually I come up with this different set up, where one of the series has values mapped on the left Y-axis, while the other series has values mapped on the right Y-axis.
The main drawback is that the two series are not directly comparable, but at least the difference in value is more evident.

Tableau bar chart looks different in worksheet vs. dashboard

Trying to make a cute little dual axis line and bar chart, time is continuous on x axis, value on y axis. For some visual flair (formatting still being worked on) I wanted to make banded columns to show months, which are not calendar months (454 system) and are therefore variable lengths of time.
I got it functionally looking how I wanted to on the worksheet. When dragged to a dashboard, even after a ridiculous amount of resizing, I get these weird lines. When I change the size of it, the lines change places.
Anyone have tips on getting these two graphs to look the same?
Worksheet
Dashboard

Display color legend on tableau chart

Is there a way to display color legend on the top left side of a chart .
I have 4 charts in a tableau dashboard and if i display all the legends for all the 4 charts on the bottom it looks busy so I want to include the legends in the charts.
Please help me on this with details steps.
What you want is to make the "legend" a floating object instead of the default tiled object.
To achieve this; You can hold down the Shift key, then drag the legend using the left mouse button while still holding down the Shift key. Drop the legend wherever you wish on the dashboard. Make sure you only release the Shift key after you have dropped the legend at your desired destination.
Warning: Depending on the size of the dashboard you selected, floating objects move around when end users view your dashboard on a device with different screen resolution. To avoid this you can use the "Exactly" size option and define a size range which suits your needs.
To include legends on top left Side of the chart.
Follow steps here as under:
Step1:
Select legends, Right Click on legends top part and select floating and place inside the chart on the top part below heading of Graph as :
So you can follow above steps to add legends in all 4 charts.
Output will look like as
So in this way your legends will not be clumsy and you can describe visualization in a better manner.

Custom number format for y-axis on Chart

I have created a chart with 2 axes that acts as a panel chart (see image)
As a panel chart I only want to show the portions of the relevant y-axes to the chart next to them. For example, for the right-most y-axis I used a custom number format to exclude anything less than 0:
_(* #,##0_);_("";_(* 0??_);_(#_)
But for the left most y-axis, I'm stuck. I want to show -400 to positive 400. I've tried 2 different options, but neither is producing the desired effect.
[<0](#,##0);[>500000000]"";#,##0_)
[<0](#,##0);[<500000000]#,##0_);""
Here is the result I'm looking for:
I learned something new today (and a bit weird) regarding formats and chart axes
After some experimenting, this is what I ended up using:
[White][>500]_(#,##0_);(#,##0);0;
The odd part: When you change the Display Units of the axis (for me, millions), then the formatting no longer recognizes the original amount (500,000,000).
Once I figured that out, I was able to work out the solution.