How to create a certain configuration given below in HTML? - html

For certain project I want to create a configuration like shown below in image in HTML.
This is a circular ring (bounded by two circles) divided into 10 equal cells and each cell have different color (out of 10 different colors) . Each cell also has a digit (0-9) corresponds to it and placement of digits is fixed (for example: top cell with black color has digit '0' and next cell has digit '1' in clock wise direction). The color of each cell have to change dynamically (on each session) and all cells have unique colors out of 10 different colors. I want to write HTML code for it.
My approach is :
first I draw two circles and divide into 10 equal cells using line geometry. but problem is how to fill color in each cell !!
Any suggestions !!! Please give me HTML code or correct approach to do this.

there is a plugin called Set Text on a Circle , it may be useful for you , try it here http://css-tricks.com/set-text-on-a-circle/

Related

SSRS : Overlapping Line in Line Chart

I have created a line chart which has the date as X-axis and Y-axis as calculated median value and its grouped according to "FileName". Problem is that some of the "FileName" has same median values which makes line overlap thus not able to see all the lines. Attached image shows only 5 lines but there are total 10 lines. After running query I found out other 5 has 50 as the median which makes it overlap with one of the line.
I tried using transparency and secondary axis but wasn't able to achieve the desired result. Is there any other solution to try out ? Thanks!
This is more of a data presentation issue than something specific to SSRS. If you are stuck on using a line chart, then I've only used two options:
1) Increment lines to different widths. For example, in a chart with 3 lines, the width is set to 5,3,1 pts.
2) Change the values insignificantly to offset the lines. Obviously this depends on the data being visualized as shifting the line slight (multiply by 0.1) may be allowable or highly discouraged depending on your situation.
Trying to do either option with 10 lines (and up to 5+ stacking) is not going to be very good.
I think Viking is right and you might want to check out other visualization options. Grouped column charts perhaps or just split your chart into multiple charts on the page (i.e. four separate trend charts)

Position data points in bar graphs in SSRS

I have SSRS reports which has a column chart.
The column chart has 2 value: Actual and Target.
The actual value is displayed as column chart with data labels displayed
and target value as Range column (my data has different targets for different values and would like to display target line for each bar)
The problem which I am running into is that sometimes this target line gets displayed over the data labels and its hard to read the data value.
Is there any way to set these labels to display over the target line when this happens?
This is what is happening right now:
https://drive.google.com/file/d/0Bx_Po7ND9VtOcW8xN3JSNlk5NjQ/view?usp=sharing
Options I tried till now:
1) setting the target values as first series and actual as second series: In this case I don't get to see the target lines as bars gets painted over the target lines.
You can set your Range Series' Fill color to use Transparency to allow the elements behind the line to be seen.
On another note, in the future you may want to do this with a StripLine on the axis rather than creating a new series.
http://blogs.adatis.co.uk/blogs/jeoc/archive/2013/07/23/adding-strip-lines-to-reports.aspx
http://blog.jontav.com/post/7067899413/axis-striplines-in-ssrs-charts

Reporting Services : Changing a specific cells background color

Does anyone know how to change the background color of a single cell, to a color specified by the hex number in SSRS? There are multiple different hex numbers in the database, for multiple different records and each color corresponds to something.
Within each cell is a Color property that you could set to the column value. The properties window can be found in the View tab at the top.
Assuming:
Your hex value is 6 digits prefixed by a #
The column containing the background color you want to apply is called BGColor
Here is what you can do:
Select all the cells you want to format
In the Properties window (press F4 if not shown), under Fill, locate the BackgroundColor property
Change it to the following expression: =Fields!BGColor.Value
Note
If your hex value is not in the required format, you have 2 options:
Update the query accordingly
Change the expression, you could use Custom Code or just some string operation functions like Right or Left for example

Sparklines stacked bar color options only allow two color variations?

I'm using the sparkline function in Google Spreadsheets. Here is an example of some data:
Feb-2015 MTD Actual MTD Budget Budget
Campaign 1 $41.32 $13.71 $96.00
I'd like to create a stacked bar chart sparkline as per the documentation here.
=sparkline(D9:F9,{
"charttype","bar";
"color1","blue";
"color2","yellow";
"color3","red"})
D9:F9 corresponds to $41.42: $96
Here is what the result looks like:
I had expected a segment to be red (color3). But the sparkline only seems to customize 2 colors. Can't see anything in the documentation about this. Is this a bug? Or am I misunderstanding something?
If it's the case that I can only edit 2 colors using this function, I don't suppose it's possible to edit the functionality using Google-Apps-Script?
There is a trick if you want to have 100% 3-shares bar. So, if you have 3 values that gives sum of 100 do as follows:
Remove 3rd value from the data cell.
Set "max","100" (or "max"/"100" for Europe).
Make a color background for sparkline cell.
This way the third value that fills to 100 is represented by cell background - it is a third sparkline color.
There is only color1 and color2 options listed for a bar graph. Sparklines are not expressly exposed to Apps Script, but can be written to a cell as a value. For example:
ss.appendRow(['==sparkline(D9:F9,{"charttype","bar";"color1","blue";"color2","yellow";})']);
From the docs:
https://support.google.com/docs/answer/3093289?hl=en
For bar charts:
"max" sets the maximum value along the horizontal axis.
"color1" sets the first color used for bars in the chart.
"color2" sets the second color used for bars in the chart.
"empty" sets how to treat empty cells. Possible corresponding values include: "zero" or "ignore".
"nan" sets how to treat cells with non-numeric data. Options are: "convert" and "ignore".
"rtl" determines whether or not the chart is rendered right to left. Options are true or false.

Colored cells in Squirrel SQL client

I use Squirrel SQL client to query my DB2 database. When I query one of the tables, I see some of the cells background are shown colored (teal). I am not sure why those cells can be shown in a teal color while other cells’ background are still in white. I did some research online and found multiple scenarios where the cells could be colored.
If the cells have multi-line texts.
If the cells have reached the maximum number of allowed characters.
If the cells are set as read-only.
Based on the above, I checked my table structure. All the colored cells have multi-line texts. None of them have reached the maximum allowed limit in number of characters. I right clicked in a colored cell and I am able to make it editable. Only match I could find is, all the colored cells have multi-line texts. Is there any other reasons that could cause the cells to be shown in a different color?
I did some more research in my table structure and got answer.
Squirrel shows colored cells only when they have multi-line texts in them.