How can i show "US county" map in a web page. I see HighCharts shows the US states in the following link http://www.highcharts.com/studies/us-map.htm
I want to show US county. Is there any way to show US county. What data i should provide to highchart to render US county map.
Your help will be appreciated greatly
Thanks
Simple iframe:
<iframe src="http://www.highcharts.com/studies/us-map.htm"></iframe>
Then simply inspect the element's height, width, padding etc. and give your iframe approx. the same size.
iframe {
width: 820px;
height: 550px;
}
Alternatively you can copy the source code, but only if you get explicit permission from the site owner.
Related
How am I supposed to look through this chart if I can't pan through it or zoom in/out? Am I just supposed to make it big enough on the sheet and then scroll through the sheet?? Seems so stupid.
I would suggest to do the following:
Modify the organizational chart size based on your preference.
This will adjust your chart diagram size
Customize an organizational chart
Double-click the chart you want to change.
At the right, click Customize and then Org.
hange the size or color of the boxes.
Adjust the size of the chart image (make sure that it will show the complete organizational chart that you want to see)
To zoom-in/zoom-out, please use the default zoom option in the sheets, example 90% zoom.
Sample:
May be you try to move the chart to the second page? On the second page you will have lot of space for zoom in.
Update:
you want to get dynamic zoom literally? I'm afraid this is impossible here. Try to consider the option with SaaS-tool with free account like Zenflowchart, find solution in Awesome DataViz or Awesome BI.
Whenever I add a picture to google spreadsheets in editor mode It always appears lower when viewed in Html Mode. Is their a fix for this?
You can instruct Google Spreadsheet engine with ease how you want the images to render by using this syntax:
To retain aspect ratio while increasing / decreasing the cell size:
=IMAGE("URL")
To make the image stretch and fit all edges of the cell:
=IMAGE("URL",2)
To make the image keep its original size:
=IMAGE("URL",3)
To manually set the image size (replace 50,50 with desired dimensions):
=IMAGE("URL",4,50,50)
Now to answer your question more directly. There are several reasons why this can happen. This comes to how Google are actually translating the spreadsheet and rendering it as HTML.
With that said, it is hard to answer your question with the correct answer while not being able to look at the spreadsheet and the output of the html.
Update
Looking at your source:
The problem is that the CSS that is outputted generates topå and left values that makes the image be off by the y axiz.
Here is a method to edit the CSS in Google Spreadsheet if you are familiar with it: http://lifehacker.com/387849/style-your-google-docs-with-css
If you are not familiar with it its probably not much help, but anyway!
If you find this answer helpful please tick accept and up it, i need it :-)
I am using PrimeFaces 4.0, I try to print a form that contains tables, I used PrimeFaces printer link here and it works well with the printer.
But the problem is that the table is not displayed on paper as it is displayed on the screen (the array size, the size of the writing etc ...)
I wanted to know how to manage the display on the printer or if there is a tool to integrate with eclipse that makes that easier!
You need to define your own css styles for print media or modify the existing ones so that themes are also available for print media.
For example add this to your css:
#media print {
.dataTableClassName {
width: 650 px;
text-align: right;
}
}
And here you can style your dataTable to make it look like you want it on paper. I don't know if there are any tools that can help you with that. Firefox has an option to display print styles, but i don't like it that much.
http://www.w3schools.com/css/css_mediatypes.asp
I have a working pie chart that uses data from a HTML table. I trying to get the corresponding label to show on the chart. Current it shows "slice" on all slices. Here is a jsFiddle link www.jsfiddle.net/codedecks/YJsSg/. Thanks in advance.
Did some more searching and found a couple of sample that was was able to use. In case any one else is looking for the same thing here is the link to the jsFiddle www.jsfiddle.net/codedecks/KB6Zy/.
Can you tell me how to insert image which will be a link to for example page 20? I know how to make with normal text:
text "<link anchor='page20'>Go to page 20</link>", :inline_format=>true
and then on page 20 I have
add_dest('page20', dest_fit(page.dictionary))
but how to do this with image ?
Partly thanks to lightswitch05 for some prodding in the right direction, I've found a way to get the effect I want through this inelegant way:
Insert an image in a bounding_box (the page cursor is at this point at the bottom of the image)
Move the cursor back up to the top of the image
Insert a text link over the image (in my case I just used however many vertical bars '|' were needed to cover the image)
Confirm visually that the clickable link area is about the same as the boundaries of the image
Make the text link transparent, and voilà, it looks like you're clicking the image.
Here's some example code (measurements not exact; there was a lot of tweaking involved):
bounding_box([0, cursor], width: 35) do
image open("http://mysite.com/remote_image.jpg"),
fit: [35, 35],
align: :center
move_up 35
transparent(0) do
formatted_text([{
text: "|||", # placeholder
size: 40,
link: "http://example.com/"
}], align: :center)
end
# stroke_bounds
end
Needless to say, this experience has got me looking a bit more at Wicked PDF in order to do what I think I want to do with PDFs.
I'm sure a better/more elegant solution exists, so I'm not planning on considering this my final answer.
Prawn does not support this functionality. In fact, even if you placed a formatted_text_box over an image and fill it with white space, it still will not work. An anchor has to include text to work. If you don't mind having text over your image, then that might be a solution.
Prawn's own readme states:
One thing Prawn is not, and will never be, is an HTML to PDF generator.
After dealing with many of Prawn's shortcomings, I've switched to using wicked_pdf for my Ruby on Rails PDF generation and have been very happy with it. If you can do it in html & css, it can be done with wicked_pdf.