100分在线等，求JS柱状图带负轴的！！

http://www.itlearner.com/code/vml/index.html用 vml画比较好

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你搜索一下下面的代码，把它们注释掉，看看行不行。我这里没法测试。
if total(i,1)<0 then
sz= -total(i,1)
else
sz= total(i,1)
end if
用JS画图，好象兼容性是个大问题，IE下的VML在FF下用不上，而FF里也有其特有画图工具！
这是我从一个软件里面提取出来的，仅供参考，代码比较多，不过肯定有负轴，你直接下载吧
http://files.cnblogs.com/alexis/about_blank%5b1%5d.rar
google 有API 。
直接带入参数调用就好了
http://code.google.com/intl/zh-CN/apis/charttools/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title>无标题页</title>
  <style type="text/css">
   DIV {width:40px;}
   DIV.PLUSDIV{background-color:blue; }
   DIV.MINUSDIV{background-color:red;}

  </style>

  <script type="text/javascript">
   function chartData(name,value)
   {
   this.name=name;
   this.value=value;
   }

var datas = new Array();

datas.push(new chartData("1月",2000.00));
datas.push(new chartData("2月",3000.00));
datas.push(new chartData("3月",1000.00));
datas.push(new chartData("4月",-1500.00));
datas.push(new chartData("5月",6000.00));
datas.push(new chartData("6月",4000.00));

function getMax()
{
var max = 0.0;
for(var i=0;i<datas.length;i++)
{
if(datas[i].value>max)
max = datas[i].value;
}

return max;
}

function getMin()
{
var min = 0.0;
for(var i=0;i<datas.length;i++)
{
if(datas[i].value<min)
min = datas[i].value;
}

return min;
}
function drawChart()
{
var max = getMax();
var min = getMin();

var scope= max-min;

if(max>0&&scope<max)
scope = max;
else if(max<0)
scope=-1*min;

var str = "<TABLE>";

var plusValues = "<TR>";
var minusValues = "<TR>";

for(var i=0;i<datas.length;i++)
{
if(datas[i].value>0)
{
divHeight=Math.ceil(300*(datas[i].value/scope));

plusValues +="<TD valign=bottom style='border-bottom:solid black 2px;'><DIV CLASS=PLUSDIV style='height:"+divHeight+"px'>";
minusValues+="<TD >";
}else
{
divHeight=Math.ceil(-300*(datas[i].value/scope));
minusValues +="<TD valign=top><DIV CLASS=MINUSDIV style='height:"+divHeight+"px'>";
plusValues+="<TD style='border-bottom:solid black 2px;'>";
}
}

str += plusValues+minusValues+"</TABLE>";
document.getElementById("CHARTTD").innerHTML = str;
}

</SCRIPT>
</head>
<body><TABLE border=1>
<TR><TD>2010年度销售记录
<TR><TD id=CHARTTD>

</TABLE> </body>
</html>
<SCRIPT>
drawChart();
</SCRIPT>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<style type="text/css">
v\:*          { behavior: url(#default#VML) }
o\:*          { behavior: url(#default#VML) }
.shape        { behavior: url(#default#VML) }
body{
font-size:12px;
}
td{
font-size:12px;
}
</style>
</HEAD><BODY>
<table width="500" border="0" cellspacing="0" cellpadding="0"   align="center">
<tr><td height="30" align="center" style="font-size:16px;font-weight:bold;color:#fc3a00;">发帖量统计</td></tr>
   <tr>
     <td ><script language="javascript">
var ar,space,width=500,height=400;
ar = new Array();
ar[0]="攒机买机|245";
ar[1]="硬件讨论|120";
ar[2]="笔记本专区|852";
ar[3]="数码产品|424";
ar[4]="操作系统|412";
ar[5]="软件下载|751";
ar[6]="影视下载|123";
space=20;
histogram(ar,space,width,height);</script></td>
   </tr>
</table>
</BODY>
</HTML>

100分在线等，求JS柱状图 带负轴的！！

解决方案 »

100分在线等，求JS柱状图带负轴的！！