I have a BarSeries-Chart and want to show Y-Value on top of it.
I have used AdornmentsInfo but text cuts down from right edge of my chart. I checked win phone documentation for AdornmentsInfo and they're also in picture.
Text cuts from top edge of chart.
Is there any way to fix this, because it's not looking good.
We can avoid the edge label adornment cropping by setting PlotOffset property for the chart axis as below
Code Snippet[C#]:
chart:NumericalAxis PlotOffset="20">
Regards,
Sheik
Related
I am using SSRS (on top of SQL Server 2014). I am making a 3D horizontal stacked bar chart, but there are some display properties that I cannot figure out, despite all information available.
I Am wondering how/if the two measures in the chart above, a & b, can be set:
(a) The depth of the bar chart. Can I make this smaller? I want a much narrower bar.
(b) The offset of the chart from the axis. Is there a way to make the bar hug right up against the axis? Maybe I'm the only one, but when I look at the right extreme of the bar,I have trouble telling how close it falls to the 300 line due to this unnecessary offset.
Furthermore, does SSRS allow me to control things like the color rendering of the chart? Here is an example from another BI reporting tool:
This one has black outlines around all of the bars. Is SSRS capable of this? Mostly, I am just wondering if SSRS can make a chart that looks more like the latter.
The first two can be easily changed.
To set the bar width and border colour, click on one of the bars then hit F4 to bring up the properties pane.
In the properties, expand Custom Attributes and set the point width to something smaller, say 0.2 and set the border colour and style to your choosing.
Here's a screen-grab of the properties to give a nice garish red border and smaller bars.
To set the bars against the base, go to the horizontal (or vertical if you want to change this too) axis properties and set Side Margins to Disabled.
This gives this output...
I'm using the WinRT XAML Toolkit v1.6.1.3. I have a very small graph that fits on a GridView tile and the legend takes up room that I'd rather give to the graph:
Setting the LegendStyle's Visibility to Collapsed doesn't do anything.
I have read that people have had success with just setting the LegendStyle's Width to 0. However, when I do that, I get weird clipping issues with the right and bottom axes:
Does anyone know how of a way to hide the legend without clipping the axes?
Never mind, it seems that the clipping is due to the weird axis setup I have (I'd like to have one Y axis on the left for the first two series and a second Y axis on the right for the third series), not hiding the legend. Adding a LegendStyle with Width set to 0 works great for hiding the legend. I'll post another question for the axes.
I have rectangle which act as container for other elements.
Can I somehow setup some property of rectangle to round its corners, in fact, to get rounded box.
In css it is easy, but how to do in SSRS?
Actually, it is fairly easy. I had a bunch of text boxes that a rounded corner border needed to be placed. The first thing I tried was an image control. I placed it on top of my text boxes and set it to "Send to back." It worked well in print rendering, however, in the browser rendering the HTML placed the textboxes after the image making it look horrible.
The solution was this:
Go into paint and draw a rounded corner box the size you need.
Cut the set of text boxes to surround with rounded border.
Place a rectangle control over the entire area all the text boxes covered.
Paste my text boxes onto the rectangle.
Right-Click and choose rectangle properties.
Select the Fill Tab and select "Embedded" image source.
Click Import and select your paint image(i used PNG but it shouldn't matter).
Click Ok.
Find and expand BackgroundImage on Rectangle and change BackgroundRepeat to "Clip.". Otherwise, your image is repeated.
The report should now render properly in both print and html rendering views. Unfortunately, this doesn't seem to stretch/size, so unless you can figure that one out, you will have to repeat whenever you need a different sized rounded box.
Brian
All solution I have seen use a background image inside a textbox.
But you get problems when you try to resize the textbox.
The solution is to insert a 3x3 table inside the texbox.
Insert the 3x3 table
Insert an image on each corner. They will be a quarter of a circle each. (This image is created in MS Paint or your favorite image program)
Make those 4 corners cells unresizable (Set property CanGrow to false). Make sure all the other cells have CanGrow = true if you need it
Make all the cells the same background color (same color as the image you draw).
Write your text in the middle cell.
OPTIONAL: It might also be a good idea to fuse the 3 vertical middle cells if possible. It will allow more space to write text in the cell.
This way you won't have to create new image everytime the size of your textbox change.
You would have to build an image that has a transparent center for adding your text.
All this would be more work than I would want to do just for a report.
I would stick with just the standard textboxes.
how can I do this?
Is there any solution?
This might help http://sqlblogcasts.com/blogs/simons/archive/2007/06/01/Reporting-Services---How-to-rotate-text-on-a-report.aspx
To get text rotated in reporting services all you have to do is set
the WritingMode to "tb-rl". You may also want to set the TextAlign and
VerticalAlign to position the text correctly. Remember though the text
is rotated so to get the text appearing on the left you have to set
the VerticalAlign to Bottom. To get the text to align with the bottom
of the text box you have to set the TextAlign to Right
http://road-blogs.blogspot.com.au/2011/01/rotate-text-in-ssrs.html
This link shows how you can add custom code to your RDL and it will rotate text 270 degrees so the text starts at the bottom and ends at the top. It keeps coming out fuzzy for me though, I will let you know if I can find a fix to that issue.
http://www.sqljason.com/2011/01/rotate-text-in-ssrs.html
I want to layer 4 images on top of each other inside a table cell with css. Here is what I want the final image to look like:
The 4 images are:
The gray rounded corner rectangle
with the red shaded triangle and the
numbers
The blue bar
The lines on top of the bar
The yellow triangular indicator
All these images must be on top of each other within the a table-cell. The bar must be able to stretch (I would draw it with a css div with a variant width property if it's possible) and the triangle indicator to move, so the entire thing can't be one image.
Any ideas how to do this?
Note: any solutions have to work in IE6 and up, Firefox, and Chrome
Would this be what you want to do?: How to let an HTML image overlap another
If this was my challenge, I think I'd be looking at a full-fledged charting solution to make this a quick, painless process and give a better looking (and animated?) result.
Here's a near dead ringer that I found with some quick Google-Fu: http://www.fusioncharts.com/widgets/Gallery/Linear1.html
I've had to do a lot of charting of late for applications I build and I --used-- to hand-roll all my charts and tables. Not any more! Between HighChart, FusionCharts, and JqueryUI, it's all covered, no reason to invent the wheel....and they look better.