JQuery :: Possible To Load Coordinates From Xml Into Jqplot Graph?
May 24, 2011
I'am new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I dont't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code..
I'm just trying right know and show you some Code I made... Dont't blame me^^ I'am doing this only for a few days. Thats my very simple XML file with only x and y coordinates:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<graph>
<note>
I'm new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I don't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code..
I'm just trying right know and show you some Code I made... Don't blame me^^ I'm doing this only for a few days..
Thats my very simple XML file with only x and y coordinates [code]...
This function should show the graph. What appears is an empty graph, with proper title, axis naming and scaling (!) but no data shows up. FireBug does not report any JS errors.
i have to draw a line between to different coordinates which are going on google maps so for example :
[Code]...
the above coordinates are in xml format which, i later call in Java script functions and display them on the map as a simple pointers what i need is from one point of coordinates to another point of coordinates Java script would draw a line which would represent the direction from one coordinate to other .
I've been trying to find a topic talking about how to save a jqplot chart as an image (jpg,png,bmp.....) but i couldn't find anything wich was related to jqplot (there was only canvas2image which was close but when i tried it, i figured that it wasn't designed for jqplot...... :s ) ,
I need that function because when i copy/paste the chart from internet explorer 8 the chart is all different (the x,y axis and even the curve isn't at the right place..
I have an idea for a website I'm about to design and develop and would like some help before voicing this to the client.
The site will be quite sober, technology and science portfolio of a company.So, most of it is just text.
There would be a portfolio menu page, with a few categories (science / technology / web )
Now, instead of having a drop down menu..
I thought it might be a nice idea to have a pie graphIMAGE(well maybe a bit nicer looking)where each color represents the category. Based on the number of projects belonging in that category, the graph would change to show that. is this possible with jquery?
jqPlot is an open source plotting plugin for jQuery. The 0.6.2 release adds many new features including: Rotated axis text. Vertical and horizontal bar charts. Automatic trend line computation. Data point highlighting. Cursor tooltips showing data and grid position. And many other features.
The jqPlot homepage is at [url]
The downloads page is at [url]
The mailing list/Google group is at [url]
jqPlot is built from the ground up as an extensible and plugable plugin. Handling of data, drawing of plot elements, events, virtually everything is handled by a plugin. This means you can enhance or swap out core functionality without touching the core code.
how can I display the same Javascript Graph more then once on the same HTML page. Everytime I add another graph using the same code on the same HTML page only one graph will show. Here is the code that I have:
I problem in the page which involves php and javascript. Since the javascript part doesn't seem to be working so I am posting it here. I have two php files. First one has the drop down list which when selected invokes the second php files. Based on the values passed to the second file. A query is formulated and the results are displayed in the table format. Also the values are stored in an array which is used to create a bar graph, this is done in javascript. The problem is, the graph is not displayed in this case but if I put all the code in one file, the graph is displayed. The table with the data is being displayed in both cases.
I am using Javascript: pop up function to pop up bar chart on a new page to show the pointer of the student. My JS codes can run on IE and firefox but fail on chrome. Chrome give me the blank chart as shown below.
I want to display the same thing as in IE and firefox in chrome as well. Below are the codes:
i have a circular image... with pie shaped areas. i would like to use some form of jQuery and either a popup or tool tip that is CSS customizable... i looked at maphilight in the jquery plugins, but i dont see how you can make a pop up with that. unless there is another method i should go about doing this..
I have x amount of draggable & resizable divs, they work as I want them to, I am outputting the coordinates of each div in a textfield. My problem is that the textfield only displays coordinates when a div is CLICKED, so when holding the mouseBtn and dragging a div around then releasing the mouseBtn the coordinates aren't displayed in the textfield. I tried to set 'mouseup' instead of 'click' but then the divs are being dragged around all the time even tho you released the mouseBtn. The second thing is that i want to output the size of the div in another textfield, so when a div is resized the new size of that div should be displayed in the textfield.
For the size I tried to work with function showWidth(ele, w) { $("div").text("The width for the " + ele + " is " + w + "px."); } $('#test').click(function () { showWidth("paragraph", $(this).width()); }); I want to send both size and x&y of each div to a database.
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged. Check out this practice site:[URL]
I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one.
I am trying to get the X and Y coordinates to have a pop up form to use as reference, this is a shopping cart so the more items in the cart the further down the page the form needs to open,
I'm trying to build a simple image-map-creation tool for a web-based app I'm making. (User selects an image, then clicks on it to set image map areas; initially could be just RECTANGLE, later want CIRCLE and POLYGON.)
The quickest "solution" was to display the image with anchor tags, with the ISMAP option on. This causes the x/y coordinates to be displayed in the status bar, at the end of the URL. Sweet, but I'd like to be able to tell when the user clicks, and then grab those values. Then I can build a text string holding their selected area, etc. (It'd be great if I could show the selected area with a box or something, too, but that may require doing it in PHP, building images, etc.) Anyway, does anyone know how I can get the X/Y coordinates when the user clicks? Since it's in a form, can I do something with input types to get the values?
how to find the coodinates for a picture in a middle of the page for example with js? I need this because i have a js script that get the mouse coodinates (X,Y) for the page.I have to modify this script to work only at my picture area and to get me the coordinates for my picture not the coordinates for my hole page. Code:
do ya know an efficient way to get the coordinates of a pictures so that I can use them to create a map? It is a rectangle. Here is the code I set up for a page:
I've got a image zoomer set up using a script located in shiftzoom.js. Basically, the XY coordinates of the mouse are shown in the bottom left of the image as the mouse moves. However, when I am zoomed right out the coordinates are limited to that of the image 'canvas' size (1024,768) and as soon as I zoom in, the coordinates of the mouse (which is in the same place) change until I am fully zoomed in and the coordinates are limited to the original image resolution in the corners. Hope that made sense... This is the relevant code in shiftzoom.js:
I have a simple problem: mark a list of defects on an image.
I think the best way to do it is to select a single deffect, then take two coordinates of coursor form an image on a web page (first when user press the button, and the second when he releases it). Those two points are going to be send to the web application (i.e. with AJAX) and saved in a database. Later, I will use those points to render the image with RMagic (drawing the lines and defects list numbers on top of the image).