Kindly find my code here I got content sequence like as 1 3 2 4 in safari whereas it is fine in all other browsers.I used multiple column css3.
For example, I am having content as
சென்னை, மதுரை என 30-க்கும் மேற்பட்ட இடங்களில்
நடைபெற்ற
Below is my output (after column division) in chrome,firefox,ie,edge
1 2 3 4
சென்னை, மதுரை | என 30-க்கும் |மேற்பட்ட| இடங்களில்
In ipad safari and mac safari
1 3 2 4
சென்னை, மதுரை |இடங்களில்| என 30-க்கும்| மேற்பட்ட
Can anyone please help me to fix it.
Thanks
Related
this is my code ...please correct so that label will show correct count.
tool tip is showing correct count.
bars =alt.Chart(r).transform_fold(
['Reservation_count', 'ON_ACCOUNT'],
as_=['column', 'value']
).mark_bar().encode(
x='month:N',
y='value:Q',
color=alt.Color('column:N', scale=alt.Scale(range=["#f50520", "#bab6b7"])),
tooltip=alt.Tooltip(['ON_ACCOUNT','Reservation_count']),
)
text = bars.mark_text(
align='left',
color='black',
baseline='middle',
dx=0,dy=-8 # Nudges text to right so it doesn't appear on top of the bar
).encode(
text=alt.Text('ON_ACCOUNT:Q', format='.0f')
)
rule = alt.Chart(r).mark_rule(color='red').encode(
y='mean(Reservation_count):Q'
)
(bars+text+rule).properties(width=490,height=310)
below is my data:
month ON_ACCOUNT Reservation_count
0 1 22 134
1 2 32 137
2 3 22 135
3 4 21 113
4 5 18 120
5 6 17 90
6 7 26 83
7 8 11 86
8 9 11 102
9 10 2 68
please help me with this altair bar chart..two columns are there Reservation_count and ON_ACCOUNT LABEL IS showing the same number for both ...
Thanks
for example last bar showing 2,2 both labels it should be top 2 and bottom 68
The short version answer to your question is to use text=alt.Text('value:Q', format='.0f').
But there are a few more issues with your code:
You are expanding your text layer from the bar plot, which already has the color parameter set. This will ignore the color setting of the text layer.
You can use a data encoding free from any color specification. You can then use this encoding to build your bar and text layers with their color settings.
I encountered the text ordering issue discussed here, and none of the given solutions worked out. However, changing the plot from vertical bar to horizontal bars seem to resolve the issue. This is potentially a bug.
Since you are plotting the mean of Reservation_count parameter on a stacked plot, the information might be misleading. I would suggest a layered bar instead of a stacked one. Surprisingly, this seems to solve the issue of text order.
Here is the code:
base =alt.Chart(r).transform_fold(
['Reservation_count', 'ON_ACCOUNT'],
as_=['column', 'value']
)
bars = base.mark_bar().encode(
x='month:N',
y=alt.X('value:Q', stack=None), # stack =None enables layered bar
color=alt.Color('column:N', scale=alt.Scale(range=["#f50520", "#bab6b7"])),
tooltip=alt.Tooltip(['ON_ACCOUNT','Reservation_count']),
#order=alt.Order('color_Category_sort_index:Q'),
)
text = base.mark_text(
align='center',
color='black',
baseline='middle',
dx=0,dy=-8, # Nudges text to right so it doesn't appear on top of the bar
#order=alt.Order('color_Category_sort_index:Q'),
).encode(
x='month:N',
y='value:Q',
text=alt.Text('value:Q', format='.0f')
)
rule = alt.Chart(r).mark_rule(color='red').encode(
y='mean(Reservation_count):Q'
)
(bars+text+rule).properties(width=490,height=310)
I want to represent, for example: Apple is brand and it has categories like iPhone, iPad ... and each category has different device like iPhone 12 Pro, iPad pro, iPad air ...
and I want to represent them in stacked on each column, This is what I want to do
-> And -> And I have this Here I put category iPhone as total amount of cost of (iPhone 12 Pro, iPhone 13 ...)
I want this kind of bar chart
Sure you can, here's an example:
https://echarts.apache.org/examples/en/editor.html?c=bar-y-category-stack
you can check this,
https://apache.github.io/echarts-handbook/en/how-to/chart-types/bar/stacked-bar/
you must insert the same value of stack variable. if at the first data you add value stack of variable is 'x', you must add same value at the second data.
In Reporting Services imagine that i have a table with 1 column, that when is printed (2 pages) looks like this:
1st Page
Value
1
2
3
2nd Page
Value
4
5
6
What I need is that when it is printed looks like this:
1st Page
Value
1
2
3
2nd Page
Value
Last Value From Page 1: 3
4
5
6
Briefly what i want is that,in each page of the report (except in page 1) the first value is the last value from previous page...
Is that possible?
Thanks in advance...
There is built-in functionality to display row and column headers on multiple pages. This also tells you how to keep a static row or column visible while scrolling. Note the KeepWithGroup and RepeatOnNewPage properties.
If the rows you would like to repeat across pages are not group headers, you may have to make your own page group. This approach is not very pretty, but you could structure the data with flags to signal its own page breaks, and then manually include a repeat row after the page break. So the data set would look like:
Value PageFlag
1 1
2 1
3 1
3 2
4 2
5 2
6 2
You would add a grouping on PageFlag with a page break for each group.
On the Page Breaks tab, select Between each instance of a
group to add a page break between each instance of a group in the
table.
There is more detail on the KeepTogether property here. You can also read up on Pagination and Page Layout.
I want to draw a chart in linux like this:
1################# 64.85
2################### 72.84
3####################### 91.19
4####################### 91.61
5########################### 108.66
6############################ 110.69
7###################################### 149.85
8####################################### 156.60
9########################################### 169.81
I want to do that in python, of course you noticed that I don't want code like:
for i in data:
print "#"*i
because data may contain big numbers, so it is not nice to print "#" milion times.
So what is the mathematical equation that I must use to do this, I think this is a kind of mathematical problem
Thanks a lot
You have to work with percentages I think sum up all you values and then you do bar value / total of bar values
So if I have the following values 1 2 3 6 the total will be 12 so then
i will do 1 / 12 the percentage will be 8 so you print '#' 8 times and so on.
then the max # you can print is hundred.
I don't know if this is what you want, but hope this will help.
I need to do this trick while printing huge HTML tables:
+-----+---------+-----+
| ID | Title | Qty | ⇐ descriptive header that shouldn't repeat
+-----+---------+-----+
| 1 | 2 | 3 | ⇐ column number that **SHOULD** repeat
+-----+---------+-----+
| aaa | bbb | 0 | ⇐ data; rows upon rows of data
... ... ...
+-----+---------+-----+
| 1 | 2 | 3 | ⇐ page 2
+-----+---------+-----+
| xxx | yyy | 999 |
... ... ...
Is it possible to implement without resorting to "2 tables with fixed layout" solution (I really don't want to use fixed values)? Oh, and I can only use HTML and CSS.
If it helps, I only target IE (6 and up).
More info
So far, I've tried these different hacks, but to no avail:
no thead, second row gets th instead of td
1.1. even with style="display:table-header-group" on that tr
in thead, using td instead of th for the first row
2.1. using style="display:table-row-group" on thead and style="display:table-header-group" on the second row in it
variations of inserting thead in the middle of tbody (as per one of the answers that disappeared)
I'm starting to accept that it isn't possible and that I'll have to resort to that fixed layout setup (but I pray that leaving only one flexible-width column will be enough) :-(
Support is still rare, but you can do this with the right renderer:
Dcoumentation:
http://www.w3.org/TR/css3-page/
and
http://dev.w3.org/csswg/css-gcpm/
Popular Engines with support:
http://weasyprint.org/docs/features/
and
http://www.princexml.com/doc/9.0/page-headers-footers/
I'm also working to get support included in WKHTMLTOPDF
Based on the idea that you want this table to flow nicely on to separate "pages" on a device's screen (I still don't follow exactly what you mean by that), I would go with paginating your single table with javascript.
For your 2nd header in the first page of your table, I would use javascript to insert an extra row at the beginning of the table, give the a class and add in the column numbers programatically. I can expand on this if you need me to.
As it turns out, you can't do this kind of thing.
The closest solution depending on your requirement will be to use two fixed-layout tables upon each other OR to hard-break the table in parts guaranteed to be fitting on one page.