Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Line Chart with JS is possible?
- Thread starter Vadim
- Start date
sure, you could do it with javascript...but you need to have the data to generate the chart first, which i'm guessing will come from a database, and if so it would be easier to create the chart server-side.
i would accomplish either method using a <div> X pixels high to represent your data
=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff
i would accomplish either method using a <div> X pixels high to represent your data
=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff
Lining up rows of divs or columns of spans would create bar charts. If that's what you want, you can produce nicer effects by stretching tiny images in the same way.
The only way I can see of making a true line graph would be to use vectors (VML) which is supported by MSIE without plugins but I'm fairly sure Gecko cannot render this.
I do use use VML and I know it can draw the line graph using text values, but I haven't used it in that way so hopefully someone with more experience will come along and answer
The only way I can see of making a true line graph would be to use vectors (VML) which is supported by MSIE without plugins but I'm fairly sure Gecko cannot render this.
I do use use VML and I know it can draw the line graph using text values, but I haven't used it in that way so hopefully someone with more experience will come along and answer
- Thread starter
- #4
I don't believe it, I was dismissed! :'(
You don't like vector graphics? ???
========= STUPID STRAIGHT LINE EXAMPLE ==========
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>
<v:line from="0,0" to="400,400"></v:line>
</body>
</html>
=================================================
So you could plot your points (with HTML or VML elements) and draw a line of best fit, or join up the dots or whatever.
You don't like vector graphics? ???
========= STUPID STRAIGHT LINE EXAMPLE ==========
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>
<v:line from="0,0" to="400,400"></v:line>
</body>
</html>
=================================================
So you could plot your points (with HTML or VML elements) and draw a line of best fit, or join up the dots or whatever.
Vadim,
>>>when you said <div> you min bar code?
no, i mean <div> with a specific width or height, like
<div style="background:#ff0000; width:20px; height:150px;"></div>
=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff
>>>when you said <div> you min bar code?
no, i mean <div> with a specific width or height, like
<div style="background:#ff0000; width:20px; height:150px;"></div>
=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff
stormbind,
VML would be IE only...divs will work cross-browser
=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff
VML would be IE only...divs will work cross-browser
=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff
EdwardMartinIII
Technical User
Here's a pure JavaScript graphing function. It accepts an array-of-arrays, which represents a grid. Each element is a hex value, which is the color.
There is included a simple graphing function, as well as an example circle, drawn mathematically.
You can draw anything you want with this.
faq216-3516
Cheers,
![[monkey]](/data/assets/smilies/monkey.gif "[monkey] [monkey]")
Edward
"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
There is included a simple graphing function, as well as an example circle, drawn mathematically.
You can draw anything you want with this.
faq216-3516
Cheers,
Edward "Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
- Status
Similar threads
- Locked
- Question