育才学习网1.我要做个这样的图表用jquery的什么插件能实现
13 个JavaScript图表和图形绘制插件。少数是独立的框架，大多数支持条图、线图、饼图等基本图形，很多甚至支持更加复杂的图形，
比如：维恩图、热图、进化树、二维散点图、二维散点气泡图、三维散点图等。相信你应当能在这个列表中找到所需的。
1. Flotr2
独立框架库，支持HTML5图表和图形。它是 flotr 的一个分支版本，
移除了 Prototype 依赖性，并且有很多改进。支持：线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。
2. Rickshaw
用于创建交互式时序图的JS工具。它依赖 D3 可视化库和其他一些 jQuery 和 jQuery UI 的插件。
3. D3
一款著名且高效的可视化库。
4. Awesome Chart JS
简洁的JS库，用于基于HTML5画布元素的图表。
5. canvasXpress
CanvasXpress是一个JavaScript库的基础上实现的标签在HTML5。
我开发这个我们的BMS系统生物学平台为核心的可视化组件库。
它支持疯狂的高度复杂的图表和图形。
6. RGraph
RGraph是一个HTML5的JavaScript图表库，支持超过20种不同类型的图表。
RGraph创建使用新的HTML5 canvas标签，这些JavaScript图表在Web浏览器，这意味着更快的网页和Web服务器的负载较少。，
使用RGraph是一种简单的方法加快你的网站。
7. dygraphs
dygraphs是一个开源JavaScript库，生产产生交互式的，可缩放的时间序列图。
它被设计为显示密集的数据集，使用户能够探索和解释他们。这是一个轻量级的解决方案，并在Internet Explorer中的作品。
8. HighCharts
Highcharts是一个纯JavaScript编写的图表库，提供直观的，交互式的图表到您的网站或Web应用程序。
Highcharts目前支持线，样条，面积，areaspline，柱，棒图，饼图，散点图类型。
一位著名的图表/图形解决方案，如IBM，美国航空航天局，西门子，惠普等众多知名机构
9. gRaphael
gRapha?l的目标是帮助您在您的网站上创造了惊人的图表。它是基于上拉斐尔图形库。退房的演示，在行动中看到静态和交互式图表。
gRapha?l目前支持Firefox3.0+,Safari 3.0以上版本，歌剧9.5+和Internet Explorer 6.0以上。
10. jqPlot
jqplot的绘图和制图插件的jQuery的JavaScript框架。 jqplot的产生美丽的线，棒材和饼图的许多功能。
11. JS Charts
JS Charts是一种基于JavaScript的图表生成，需要很少或根本没有编码。
用JS图表绘制图表是一个简单而容易的事，因为你只需要使用客户端脚本（即通过您的Web浏览器）。
无需额外的插件或服务器模块是必需的。包括我们的脚本，准备图表数据，XML,JSON或JavaScript数组和您的图表已准备就绪！
12. JSXGraph
JSXGraph是一个跨浏览器库进行互动几何，函数绘图，制图，并在Web浏览器中的数据可视化。
完全实现在JavaScript中，不依赖于任何其他的库，并使用SVG,VML，或帆布。
JSXGraph容易嵌入，具有占地面积小：小于100 K字节，如果嵌入在网页中。无插件！已采取特别护理，以优化性能。
13. Humble Finance
HumbleFinance是一个HTML5写作为示范在HTML5的互动图形数据可视化工具。它是类似的Flash上和目标id的html互换（先试试这样行不行，有可能操作之后不能保持统计表的效果，那就换成clone后互换）
或者你可是采用修改css来控制。设置三个统计表外面的大层position:relative；三个统计表的层均为position:absolute；并设置好left和top让三者位置固定下来。绑定click事件，修改对应div的css即可。这种方法应该效率更高。
希望对你有帮助。
3.我要做个这样的图表用jquery的什么插件能实现
13 个JavaScript图表和图形绘制插件。
少数是独立的框架，大多数支持条图、线图、饼图等基本图形，很多甚至支持更加复杂的图形，比如：维恩图、热图、进化树、二维散点图、二维散点气泡图、三维散点图等。相信你应当能在这个列表中找到所需的。
1. Flotr2 独立框架库，支持HTML5图表和图形。它是 flotr 的一个分支版本， 移除了 Prototype 依赖性，并且有很多改进。
支持：线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。
2. Rickshaw 用于创建交互式时序图的JS工具。它依赖 D3 可视化库和其他一些 jQuery 和 jQuery UI 的插件。
3. D3 一款著名且高效的可视化库。4. Awesome Chart JS 简洁的JS库，用于基于HTML5画布元素的图表。
5. canvasXpress CanvasXpress是一个JavaScript库的基础上实现的标签在HTML5。 我开发这个我们的BMS系统生物学平台为核心的可视化组件库。
它支持疯狂的高度复杂的图表和图形。6. RGraph RGraph是一个HTML5的JavaScript图表库，支持超过20种不同类型的图表。
RGraph创建使用新的HTML5 canvas标签，这些JavaScript图表在Web浏览器，这意味着更快的网页和Web服务器的负载较少。， 使用RGraph是一种简单的方法加快你的网站。
7. dygraphs dygraphs是一个开源JavaScript库，生产产生交互式的，可缩放的时间序列图。 它被设计为显示密集的数据集，使用户能够探索和解释他们。
这是一个轻量级的解决方案，并在Internet Explorer中的作品。8. HighCharts Highcharts是一个纯JavaScript编写的图表库，提供直观的，交互式的图表到您的网站或Web应用程序。
Highcharts目前支持线，样条，面积，areaspline，柱，棒图，饼图，散点图类型。 一位著名的图表/图形解决方案，如IBM，美国航空航天局，西门子，惠普等众多知名机构9. gRaphael gRapha?l的目标是帮助您在您的网站上创造了惊人的图表。
它是基于上拉斐尔图形库。退房的演示，在行动中看到静态和交互式图表。
gRapha?l目前支持Firefox3.0+,Safari 3.0以上版本，歌剧9.5+和Internet Explorer 6.0以上。10. jqPlot jqplot的绘图和制图插件的jQuery的JavaScript框架。
jqplot的产生美丽的线，棒材和饼图的许多功能。11. JS Charts JS Charts是一种基于JavaScript的图表生成，需要很少或根本没有编码。
用JS图表绘制图表是一个简单而容易的事，因为你只需要使用客户端脚本（即通过您的Web浏览器）。 无需额外的插件或服务器模块是必需的。
包括我们的脚本，准备图表数据，XML,JSON或JavaScript数组和您的图表已准备就绪！12. JSXGraph JSXGraph是一个跨浏览器库进行互动几何，函数绘图，制图，并在Web浏览器中的数据可视化。 完全实现在JavaScript中，不依赖于任何其他的库，并使用SVG,VML，或帆布。
JSXGraph容易嵌入，具有占地面积小：小于100 K字节，如果嵌入在网页中。无插件！已采取特别护理，以优化性能。
13. Humble Finance HumbleFinance是一个HTML5写作为示范在HTML5的互动图形数据可视化工具。它是类似的Flash上>
<head>
<title>；无标题文档</title>
<style>
table.s1{
border-top:1px solid #333333;
border-left:1px solid #333333;
border-right:none;
border-bottom:none;
}
td{
border-top:nooe;
border-left:none;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
text-align:center;
}
</style>
</head>
<body>
<table cellpadding=0 cellspacing=0 style='border-collapse:collapse;table-layout:fixed;' class="s1">
<tr>
<td with="100px">；日期</td>
<td with="100px">；姓名</td>
<td with="100px">；类别</td>
<td with="100px">；次数</td>
<td with="100px">；本月累计</td>
</tr>
<tr>
<td>2015-02-13</td>
<td colspan="4">
<；！--在这个地方开始循环输出一下内容-->
<table border="0" cellpadding=0 cellspacing=0 style="table-layout:fixed;width:100%;">
<tr>
<td with="100px" rowspan="4">；老大</td>
<td with="100px">；派修</td>
<td with="100px">1</td>
<td>1</td>
<；！--以上只写了几列，其它的自己加上-->
</tr>
<tr>
<td>；投诉</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>；咨询</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>；查号</td>
<td>1</td>
<td>1</td>
</tr>
</table>
<；！--循环内容结束-->
</td>
</tr>
</table>
</body>
</html>
转载请注明出处育才学习网 » jquery图表怎么写