How to create multilines legend in Data Studio - google-data-studio
In Data Studio my 10 points pie chart is like below:
As you can see there is a navigation arrow in the legend at the top of the pie.
I wonder how can I avoid the navigation by creating the multiline legend? How can I wrap the current single line legend?
Three ways to display all items in the legend; located in the Style Tab of the Pie Chart (added a GIF to elaborate):
Increasing the max lines;
Increasing the width of the Pie Chart;
Reducing the font size of the legend.
EDIT: Multi line Legend (Workaround using a Bar Chart)
How about using the legend from a Bar Chart? Added a GIF to elaborate as well as a few points:
Bar Chart: Use a Dimension and Breakdown Dimension that's the same as the one on the Pie Chart and enable the legend (Top) as well as using 2 lines (no legend for the Pie Chart)
Shape: Add a Shape over the Bar Chart (one that blends in with the background)
Order: Right click on components and select Order from the drop down to change the order of the components (Bar Chart: Send to back; Shape: Send Backwards (behind the Pie Chart); Pie Chart: Bring to Front)
Fine Tuning: Use Shift + Movement for precision placement (to get the shape exactly where you want it)
Related
How to add line/marker on top of each bar in a Histogram chart of Ant Design Charts?
I want to add a small horizontal line on top of each bar in Histogram chart implemented using Ant Design Charts. Following is the link to the histogram which I am using: https://charts.ant.design/en/examples/more-plots/histogram#basic Following is the histogram which I want to create. Only issue left is the bar on top of each bar in this chart.
Rechart Scrollable bar chart, In a simple bar chart with large data how to implement scroll when Bar is dragged left or right( without Brush or Pan)
Hi I want to implement bar chart in rechart react. it should scroll when user clicks and drags Bar to Left or Right. I have already tried Brush and Panning but not suitable for me. requirement is no external slider to be used chart itself should be scrollable on drag
Angular NVD3 charts: Unable to hide X and Y axes for stacked area chart
Ran this example from Angular NVD3's 'live edit' area. http://krispo.github.io/angular-nvd3/#/ I opened it in Plunkr: Stacked Area Chart As per the documentation,you need to add the following code, to hide the x and y axes. showXAxis: false, showYAxis: false, You can add it after line number 19(in plunkr -> app.js) After adding the above code, it doesn't work. The chart shows up and then dissapears. But the same works for other charts, except for stacked area chart. [I have tried it on line-chart, filled-line-chart, bar-chart] Awaiting a reply.
Ok, Figured this one out. Zoom is enabled for this chart (app.js -> line:31) Rolling the mouse zooms into the chart, and it expects the axis to be enabled (to understand the chart better). Disabling the axis for a zoomable chart may not make sense, as one would not understand, what portion/section of the chart is showing after you have zoomed in. Thank you. :-)
Extjs 5.0.0 bar chart series label issue
I am not able to display bar chart series label horizontally outside the bars. Used display:'outside' and orientation:'horizontal' for bar chart label configuration, still no results. Is it a bug in 5.0.0 or is there any other way to display label horizontally ?
Highcharts-ng, making rangeselector appear on load
I am using highcharts-ng (https://github.com/pablojim/highcharts-ng) and can reproduce this issue with one of the examples linked from the readme. Steps to reproduce: Go here: http://pablojim.github.io/highcharts-ng/examples/example.html Scroll down and click the "Highchart/Highstock" button Scroll back up (the chart should be blank) and from the first Series heading, select Type: Line. Note the chart will redraw. There should be no Zoom/Date Range options at the top of the chart. Now drag the horizontal scroll bar (Navigator) at the bottom of the chart and note the Zoom / Date Range options appear How do I make these appear on page load? Rather than waiting for our visitors to interact with the chart.