简单js实现统计图(平面图、柱状图、圆形)

原创 2004年07月26日 09:43:00

 

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<style>

</style>
<TITLE>统计图</TITLE>
</HEAD>

<BODY >
          <form name=form1 id=form1>
          <input type='text' name=cname id=cname value='Linux,905票'><br>
          <input type='text' name=rc_data id=rc_data value=905>    <br>    
          <input type='text' name=cname id=cname value='Windows,456票'><br>
          <input type='text' name=rc_data id=rc_data value=456>  <br>
          <input type='text' name=cname id=cname value='两边都不,976票'><br>
          <input type='text' name=rc_data id=rc_data value=976> <br>
          <input type='text' name=ccount id=ccount value=3><br>
          <input type='text' name=rcount id=rcount value=1><br>
          <input type='text' name=rname id=rname value='图示说明'><br>
</form>
<INPUT type="button" value="平面柱状图" onclick="aaa(1)">
<INPUT type="button" value="立体柱状图" onclick="aaa(0)">
<INPUT type="button" value="立体柱状图2" onclick="aaa(6)">
<INPUT type="button" value="饼状图" onclick="aaa(14)"  >
<span id=span1 style="display:none">
<object classid="clsid:3A2B370C-BA0A-11D1-B137-0000F8753F5D"
id="mschart1" style="HEIGHT: 326px; WIDTH: 651px" codebase="mschart.cab"  VIEWASTEXT></OBJECT>   
   </span>
<SCRIPT >
<!--
function aaa(x)
{

span1.style.display="block";
t=0;
mschart1.TitleText = "";
mschart1.ShowLegend =true;
mschart1.ColumnCount =document.form1.ccount.value;//3列
mschart1.RowCount =1;//一个图
for (i=0;i<1;i++)//画一个图
    {for (j=0;j<document.form1.ccount.value;j++)
        {  mschart1.Row=i+1;
            mschart1.Column=j+1;
            if (2>1)
                mschart1.ColumnLabel =document.form1.cname(j).value;//小图的标题
            else
                mschart1.ColumnLabel =document.form1.cname.value;

            if ((document.form1.rcount.value*document.form1.ccount.value)>1)
                mschart1.Data=document.form1.rc_data(t).value;//每一柱的数值
            else
                mschart1.Data=document.form1.rc_data.value;
            t++;
        }
    if (document.form1.rcount.value>1)
        mschart1.RowLabel =document.form1.rname(i).value ;
    else
        mschart1.RowLabel ="调查图示";//图示的标题
    }
mschart1.chartType =x//图类型
mschart1.Plot


}

//-->
</SCRIPT>


</BODY>
</HTML>

JS插件实现图表显示(曲线图表、柱形图表、饼状图表)

先看效果图: 代码如下: 图表统计 var chart; $(document).ready(function (...
  • wanlong360599336
  • wanlong360599336
  • 2015年06月26日 16:47
  • 6058

移动开发|绘制饼图、柱状图、2d、3d统计图表

通过HTML5的canvas来绘制图表功能,需要用到web控件。iMAG内置了awesomechart.js用来显示统计图表...
  • mojingxuan
  • mojingxuan
  • 2016年05月31日 12:29
  • 1102

Android 柱状图 统计图的实现

效果图如下:实现步骤:布局和jar包相关借鉴此文章核心代码:public class MounthOrderActivity extends BaseActivity { private Lin...
  • u010838785
  • u010838785
  • 2017年01月04日 14:08
  • 2669

C# 绘制统计图-图表_制图-报表(柱状图, 折线图, 扇形图)_制图篇(不用控件)_从简单到复杂_详细教程—追雨

  • 2012年07月26日 21:20
  • 1.66MB
  • 下载

js jquery 实现实现柱状图,饼状图,折线图,平面图

  • 2013年06月06日 15:15
  • 647KB
  • 下载

C#+绘制统计图(柱状图,+折线图,+扇形图)+

  • 2012年06月26日 21:25
  • 587KB
  • 下载

Asp.net 用 Graphics 统计图(柱状图, 折线图, 扇形图)

统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的;这里我们用...
  • tiz198183
  • tiz198183
  • 2011年09月19日 09:00
  • 2451

统计图分析(源自Echars图形)——柱状图(条形图)

1、柱状图和条形图的区别。
  • happymatilian
  • happymatilian
  • 2016年12月01日 10:15
  • 1754

C# 绘制统计图(柱状图, 折线图, 扇形图)

统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的;这里我们用...
  • chengriyue
  • chengriyue
  • 2012年11月30日 09:09
  • 368

vb.net 教程 5-12 绘图实例之统计图 1 柱状图

前面几篇介绍了如何使用graphics绘制图像,这几篇准备介绍如何使用graphics提供的方法绘制统计图。 包括:柱状图、折线图、饼图。 假设知道某个公司1-4季度的盈利情况,我们来看看如何完成统计...
  • UruseiBest
  • UruseiBest
  • 2017年04月06日 21:19
  • 926
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单js实现统计图(平面图、柱状图、圆形)
举报原因:
原因补充:

(最多只允许输入30个字)