在网页中,将Cool对象 to plot 列和折线图

分享于 

2分钟阅读

Web开发

  繁體

Horizontal

屏幕镜头 1 - 水平条/线图

Vertical

屏幕快照 2 - 竖线/线图

介绍

浏览器兼容性:

  • IE 5.5 +
  • NS 6 +

限制:

  • 仅处理正值。
  • 每页只支持一个图形。
  • 在Netscape中,不支持折线图。

用法

这里脚本波纹管使用 Graph 对象到 plot 列和行图:

<HTML><head><scriptlanguage="JavaScript"src=Graph.js></script></head><BODYstyle="font-family: Arial;"><tablealign=center><tr><tdwidth="5%"></td><tdid=here align=center></td><tdvalign=top width="5%"><ahref="">Help</a></td></tr></table></body></html><scriptlanguage="JavaScript">var bg = new Graph(10);
bg.parent = document.getElementById('here');
bg.title = 'Current Top 10 Servers';
bg.xCaption = 'Servers';
bg.yCaption = 'Number of Connetions<br>per Server';
bg.xValues[0] = [188,'Rio de Janeiro'];
bg.xValues[1] = [180,'Sao Paulo'];
bg.xValues[2] = [159,'Brasilia'];
bg.xValues[3] = [67, 'Belo Horizonte'];
bg.xValues[4] = [66, 'Fortaleza'];
bg.xValues[5] = [62, 'Manaus'];
bg.xValues[6] = [48, 'Porto Alegre'];
bg.xValues[7] = [26, 'Curitiba'];
bg.xValues[8] = [16, 'Salvador'];
bg.xValues[9] = [11, 'Natal'];
bg.showLine = true;
bg.showBar = true;
bg.orientation = 'horizontal'; // or = 'vertical';bg.draw();</script></body></html>

修订记录

  • 10-03-2003: 发布 v2.1
    • 对 Netscape 6 +的有限支持
  • 09-30-2003: 发布 v2.0
    • 支持垂直方向
    • Bug 修复
    • 新建属性
  • 12-16-2002: 发布 v1.0

WEB  COL  对象  column  PLOT  graphs  
相关文章