制作条形图? [英] make a bar chart?

查看:64
本文介绍了制作条形图?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

你好,


是否有可能将通过Javascript获得的值显示为条形图?


如果,是的,我们会感激一下指向如何执行此操作或某些

示例代码。


干杯,


Geoff

hello,

Is it possible to present values gained via Javascript as a bar chart?

If, yes, wouild appreciate a pointer to how to do this or to some
sample code.

Cheers,

Geoff

推荐答案

Geoff Cox写道:
Geoff Cox wrote:

是否可以将通过Javascript获得的值显示为条形图图表?

如果,是的,我们非常感谢指示如何执行此操作或某些

示例代码。
Is it possible to present values gained via Javascript as a bar chart?
If, yes, wouild appreciate a pointer to how to do this or to some
sample code.



也许这样的事情可以让你开始:


var data = [[''jan'',104] ,[''feb'',99],[''mar'',111]];

document.write(''< table border =" 0">< tr> ;'');

for(var i = 0; i< data.length; ++ i)

document.write(''< td align =" ; center" valign =" bottom">''

+ data [i] [1]

+''< div style =" background:red ;宽度:20px;高度:''

+ data [i] [1] +''px">& nbsp;< / div>''

+ data [i] [0] +''< / td>'');

document.write(''< / tr>< / table>'');


-

巴特

Maybe something like this could get you started:

var data = [ [''jan'', 104], [''feb'', 99], [''mar'', 111] ];
document.write(''<table border="0"><tr>'');
for (var i=0; i<data.length; ++i)
document.write(''<td align="center" valign="bottom">''
+ data[i][1]
+ ''<div style="background:red;width:20px;height:''
+ data[i][1] + ''px">&nbsp;</div>''
+ data[i][0]+''</td>'');
document.write(''</tr></table>'');

--
Bart


2008年7月23日星期三01:56:28 -0700 (PDT),Bart Van der Donck

< ba ** @ nijlen.comwrote:
On Wed, 23 Jul 2008 01:56:28 -0700 (PDT), Bart Van der Donck
<ba**@nijlen.comwrote:

> Geoff Cox写道:
>Geoff Cox wrote:

> ;是否有可能将通过Javascript获得的值显示为条形图?
如果,是的,我们可以欣赏指向如何执行此操作或某些示例代码的指针。
>Is it possible to present values gained via Javascript as a bar chart?
If, yes, wouild appreciate a pointer to how to do this or to some
sample code.


这样的事情可能会让你开始:


var data = [[''jan'',104],['' feb'',99],[''mar'',111]];

document.write(''< table border =" 0">< tr>'') ;

for(var i = 0; i< data.length; ++ i)

document.write(''< td align =" center" valign =" bottom">''

+ data [i] [1]

+''< div style =" background:red; width:20px ;高度:''

+ data [i] [1] +''px">& nbsp;< / div>''

+ data [ i] [0] +''< / td>'');

document.write(''< / tr>< / table>'');


Maybe something like this could get you started:

var data = [ [''jan'', 104], [''feb'', 99], [''mar'', 111] ];
document.write(''<table border="0"><tr>'');
for (var i=0; i<data.length; ++i)
document.write(''<td align="center" valign="bottom">''
+ data[i][1]
+ ''<div style="background:red;width:20px;height:''
+ data[i][1] + ''px">&nbsp;</div>''
+ data[i][0]+''</td>'');
document.write(''</tr></table>'');



非常感谢Bart!


干杯


Geoff

Many thanks Bart!

Cheers

Geoff


在comp.lang.javascript消息< 69rd84pl98c2ooijmnveubgr15a0gtlhqd @ 4ax。

com>,Wed,23 Jul 2008 09:36:35,Geoff Cox< gc**@freeuk.notcomposted:
In comp.lang.javascript message <69rd84pl98c2ooijmnveubgr15a0gtlhqd@4ax.
com>, Wed, 23 Jul 2008 09:36:35, Geoff Cox <gc**@freeuk.notcomposted:

>是否可以将通过Javascript获得的值显示为条形图?

如果,是的,wouild感谢指向如何执行此操作或某些示例代码。
>Is it possible to present values gained via Javascript as a bar chart?

If, yes, wouild appreciate a pointer to how to do this or to some
sample code.



< URL:http://www.merlyn.demon.co.uk/js-misc1.htm#BC>。它使用大小的

DIV,因此可以使用屏幕的分辨率。它适用于IE,

Safari,Opera和Firefox;但是在Firefox中它需要稍微调整。


-

(c)John Stockton,nr London UK。 ?@merlyn.demon.co.uk DOS 3.3,6.20; WinXP。

Web< URL:http://www.merlyn.demon.co.uk/- FAQqish topics,acronyms&链接。

PAS EXE TXT ZIP via< URL:http://www.merlyn.demon.co.uk/programs/00index.htm>

我的DOS< ;网址:http://www.merlyn.demon.co.uk/batfiles.htm-也是batprogs.htm。

<URL:http://www.merlyn.demon.co.uk/js-misc1.htm#BC>. It uses sized
DIVs, so works with the resolution of the screen. It works in IE,
Safari, Opera, and Firefox; but in Firefox it needs a little adjustment.

--
(c) John Stockton, nr London UK. ?@merlyn.demon.co.uk DOS 3.3, 6.20; WinXP.
Web <URL:http://www.merlyn.demon.co.uk/- FAQqish topics, acronyms & links.
PAS EXE TXT ZIP via <URL:http://www.merlyn.demon.co.uk/programs/00index.htm>
My DOS <URL:http://www.merlyn.demon.co.uk/batfiles.htm- also batprogs.htm.


这篇关于制作条形图?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆