I was going on through certain ways and codes to draw charts and graphs, I found many libraries some free some commercial etc.,but at last i draw it on canvas,One thing which I found interesting is to draw with the help of javascript and HTML5.
For reference:
enter link description here
I have no idea how to do this dyanamically(not with the fixed values),I really want to use it,but i don't know javascript or HTML so i am unable to go ahead,It would be a great help if you would be able to tell me, how to do this with dynamic values.(either by accessing the database or any other way if possible).
You can access db in java and inject results to the javascript by using
webView.loadUrl("javascript:refreshData(someDynamicContent)");
Where are you getting your "dynamic values" from (the user or a database)? Regardless you will need to know at least a little html and javascript. Google Charts has some really nice libraries for this.
Related
I would like to create an interactive map on my website where you can hover over a location and it will animate showing some links that are clickable and will take the client to another page displaying graphs about that location. What should I learn in order to achieve this? Thanks
I'm assuming you don't know much about web development yet, so start with some HTML tutorials (such as this, or this, or this) and Javascript tutorials (such as this, or this, or this). There's a number of ways of creating graphics on web pages (Chart.js is a great library that takes all the hard work out of it).
Then you might want to look into learning how the Google Maps API works. It's a pretty dang flexible API.
I've asked a question on here before on bulding a custom pie chart and have not had any luck on that. I'm back again for help on another graph as I don't know how to approach building it.
The learning curve for javascript/jquery is steep for me so asking questions help. Here is a link to what the design looks like: http://i.imgur.com/ZpyZIpk.jpg
Any help will be appreciated
Your code won't work , This is happening because you are using same id="msg" for all the two
1st 2nd , textbox which can't be possible only id with one name can be used in a form
use classes if you want to
Have you tried JS libraries like D3.js, Springly.js or arborjs? all these are data visualization libraries which you can use. There are tons of examples, try to find something similar to your requirement and customize it.
i would load a huge image in my web page (8Mpx x 5Mpx). I thought of creating a simple mechanism on the style of google maps..
But, honestly, I do not have very clear ideas on how to implement it.. any advice on how to structure it?
in particular, I have many doubts about how to handle the drag with the asynchronous loading of the image to vary the portion of the images displayed
Thank you in advance for your help : )
An easy answer would to be use Google Maps.
It's a rather advanced topic, but it shouldn't be any harder than doing it by hand.
Here is more information
I've used Zoomify's products in the past to accomplish this. I work on a team that manages a few datacenters, so we have some gigantic floor maps (drawn up in CAD, exported as a huge image). I take those maps and convert them to what I consider a "Google style map" using Zoomify Express (free).
More info here: http://www.zoomify.com/express.htm
I realize this is an old question, but I'd like to suggest http://leafletjs.com/.
I can only think of some sort of tiles. You break down the image in several parts ( tiles ). Then you only draw the one that are in your viewport.
I am looking for a Javascript chart component that can embed news headlines directly on the chart, similar to what is available with Google Finance
I know that this is possible in Flash with e.g. Google Chart Tools (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) or amCharts (http://amcharts.com/stock/events/), but I'd prefer to avoid using Flash, because of use with iPad and iPhone.
I have also been looking at Flot (http://code.google.com/p/flot/) and Humble (http://www.humblesoftware.com/finance/index), but since these are made using the canvas element, I don't think they work well enough in IE. I know they both use excanvas to make it possible to use them in IE, but they just don't perform well enough. I have been testing them in IE 6-9 on several computers and the results simply aren't good enough for me to confident in using them.
I have been quite impressed with Highcharts (http://www.highcharts.com/demo/?example=line-time-series&theme=default) and Raphael (http://g.raphaeljs.com/), but neither of those have implemented annotated news headlines by default, so it would require a lot of work to get it done. Do you have any other suggestions on how to do this without flash and without using canvas?
Also I would be happy to see demos, if anyone has implemented a similar solution.
Thank you for your time.
One of the examples for Raphael (the original graphics library, not the graphs extension linked to in the question) looks like it may be close to what you are looking for: http://raphaeljs.com/analytics.html
It's an old question, but if somebody still finds it - you can have this with JavaScript version of amCharts: http://www.amcharts.com/stock-chart/stock-events/
Disclaimer: I am the author of amCharts.
i am on the search for ways and pointers to create a simple text editor(cant call it exactly a text editor).the functions of it are described as below...
a simple text area where user types commands.
commands are my own implementation and not specific to any programming languages..
basic commands such as
drawSqaure(side);
As the user progresses to the next line of code i want the above code to get reflected in a WYSIWYG panel(as of our example should draw a circle square) which is a part of editor.
Naturally as the editor matures it should help users with the commands(syntax hints) while they type.
can somebody help me out by providing pointers and valuable advices...
Actual motive is to let user type commands and to let them see the changes visually...
is it possible to develop this kind of application and if so is it feasible to use HTML+Javascript for development ????
or is it wise to use build upon some pre-built editors instead of starting from scratch???
This certainly can be done using HTML and javascript, but I doubt there is an out of the box tool that will do all of this for you. I would check out TinyMCE, but you will probably need to put in the work to make things like drawSquare actually render into a canvas.
There are frameworks out there to help with drawing on canvas. I don't know what exactly do you wish to allow your app to do, but there sure is a framework that would be helpful.
See if you like any of these: http://javascript.open-libraries.com/utilities/drawing/10-best-javascript-drawing-and-canvas-libraries/
The idea I see here is surely possible to do with javascript and canvas object, but will require some proficiency to work fast when heavily used.