We often show several legends in our charts and usually even a label as footer.
The legends can be above or below the chart and thus also the footer.
If there is more than one legend, the legends should be drawn stacked up, one above the other.
For this case we use standalone legends and labels.
But we have a problem:
Since the legends and the chart are all drawn in the same container, the chart hides the legends.
We have solved the problem so that the margin of the chart is adjusted when a legend is drawn underneath it. Now the chart takes less space and you can see the legend as planned.
However, this does not work properly if there are several legends or footer.
Standalones cannot be placed with top() or left(), but only have their parent container and a position().
Manipulating the margin of each legend and the chart to fit them all in the container is not a satisfying way to do this.
There must be a better way to control the layouting of the elements within the container.
What is the right way to do this?
The position of standalone legend on the stage can be controlled using parentBounds() function. For details, check the sample.
Related
I have a chart that I am using to keep track of weekly data. It is a Pivot table with an attached graph. Every week when I refresh the data the chart moves back to the following picture.
Graph
With the Data labels shoved inside of the bottom of the chart. I Spend a bit of time every week moving all of them back down. I would like to anchor them with the upper right corner attaching to the bottom axis. The only placement option in the Pivot chart are Center, Inside End, Inside Base, Outside end. I am using inside base to get the picture I mentioned.
Here is what I change it to each week. As you can see I drag all of them down individually and try to get them to line up as best as I can by hand. But they are never perfect.
I have finally found my problem, The issue was I was using Data Labels and not axis labels.
If you are having this problem go Pivotchart tools > Design > Add chart Element > Axes > Primary Horizontal.
I'm attempting to place a kendo chart in a grid footer template. All is working well. However, I would like the chart to take the entire width/height of the cell. The chart appears to require a height/width in pixels (or it will assume one), which doesn't lend itself to a responsive design very well..
Is there a way to do this currently where sizing can be specified in %?
Not at the moment, but you can monitor issue #73 for updates.
I'm using Tableau 9.0.2 to generate graphs and I can't for the life of me figure out how to move (ideally drag, right?) the field name for my x-axis from the top to the bottom of the graph, by the units, where it should be.
I'm attaching a picture because it's probably the easiest way to make clear what I'm trying to do, given this is a question of positioning:
This Tableau graph has the field name "Iterations" at the top of the graph, not the bottom, where it should be. While this might not seem like a huge concern, it means that these graphs are not immediately exportable.
How can I move the label "Iterations" to the bottom of the graph, next to its axis?
The answer currently offered below allows for manual image modification within Tableau, which is unsatisfactory. It seems bizarre to me that the default, unchangeable behavior of Tableau goes against standard practice in graphing (labels next to labelled).
If the goal is just to get the headers and the axis label in the same place, one alternative would be to move the headers to the top of the chart (as opposed to moving the axis label to the bottom).
Go to Analysis/Table Layout/Advanced... and uncheck the option "Show innermost level at bottom of view when there is a vertical axis". This will move your Iterations headers to the top of the chart, and now everything will be in the same place.
If that's not an acceptable alternative for you, here's the only (kind of unfortunate) solution I can think of:
Place your worksheet in a dashboard.
Right click the axis label and select Hide Field Labels for Columns.
Create a text box with your desired axis label (in this case "Iterations") and place it below the chart. Your headers and your DIY, home-brewed, hacktastic axis label will now both be at the bottom.
Hide the columns axis label then enable / edit the caption within the bottom of the dashboard. Then center the value of the caption. Should look better.
I was wondering if there is a way to integrate a bar chart and a line chart into "one single chart", where the bars are "on top of the line plot? See picture for a clearer view.
(Obviously the bar-chart is not supposed to be outside the actual plot...)
This is a bit of a hack, but you could create two charts with the chart area fill transparency turned to 100%. This allows charts to be placed on top of each other, but in a way that both can be seen. Turning off any elements in the chart that you don't want (for example, duplicate axis) would enhance the presentation.
Problem solved. It was actually just a matter of scaling data, and using two "line with markers" type charts. The lines in between each dot in the one showing the percentage, were then removed. Then, using a certain layout, a line connecting the two series could appear (as shown in pic).
I am trying to make a stacked 100% excel chart where the fill color of each series is the same, and borders (of a different color) only on the top of the box. If I choose to edit the border, the only option I see is one that allows me to make the entire border for the series; i.e top, bottom and on the sides. Can anyone please suggest how I can have border only on the top?
Thanks much!
You can't selectively format the edges of a bar in an Excel chart.
You could add another series with a small value (e.g. .1% of the total). This won't have a fillable rectangle, but it will still have a border that you can format.