对于JQuery图表来说，其重要的功能是以一个简洁和交互的方式展示繁杂的原始数据。这并不仅仅以各种颜色来渲染展示数据，而应该是更能够吸引读者和方便用户理解。 稍后介绍的某些javascript图表库，已经越来越流行了，因为它们有着相当吸引人的组件，囊括了我们已知的包括线状图，柱状图和饼图等7种图表类型。另外，这些js图表库提供一些有用的组件作为它们的可选项，比如说放大，缩小，这些工具能提供关于数据的更多信息，同时也提供一些选项对其进行定制。 tnjin 翻译于 2天前 0人顶 顶 翻译的不错哦! 用户通常遇到某些使用了兼容现代浏览器的HTML5的canvas特性的jQuery图表，并不能很好的与IE兼容。整体上，这些库集成了六种图表类型，比如散点图，饼图，柱状图，带点的折线图以及区域图。这些图表能够通过简单的配置就能展示多种图例，这将帮助人们清楚的分辨各图表项。 在这篇文章中，我们分享给读者的是15个图表库——各种从简单到复杂的高级图表，它们都能胜任。希望你们喜欢！ tnjin 翻译于 2天前 1人顶 顶 翻译的不错哦! 1. Chart.js : 使用HTML5 canvas的图表库 Chart.js是一个令人印象深刻的基于HTML5的canvas特性构建的javascript图表库。目前支持六种图表类型（折线图，柱状图，雷达图，饼图，柱状区域图和极坐标区域图），而且这些通过一个独立的，不足5Kb的包来提供的。颜色，字体，加粗以及图表大小都是可以定制的。同时，图表也可以选择在加载的时候添加动画效果。 Source tnjin 翻译于 2天前 0人顶 顶 翻译的不错哦! 2. xCharts : 基于数据驱动的图表 xCharts是一个用于给网站创建具有漂亮的视觉效果和自定义数据驱动的图表的javascript库，它依赖于D3.js。基于HTML，CSS和SVG技术，xChart被设计成能够被动态，流式和开放的集成和定制。 由于xChart使用SVG技术，我们能够直接通过CSS生成大部分的我们定义的xChart图表。这意味着如果你愿意，你只需要做很少的控制就可以处理这些可视化的图表。定义图表风格的最好的方式是从包含的样式表开始，或者使用你的浏览器的元素监视器来查看每一个元素可用的CSS选择器。 Source tnjin 翻译于 2天前 0人顶 顶 翻译的不错哦! 3. Sigma.js : 使用HTML5的canvas对象作图 Sigma.js 是一个使用HTML5 Canvas元素作图的免费开源的javascript图表库。它被特别设计成适合分享页面上交互的网络地图和浏览动态的网络数据库。这个js库以MIT协议分发。 Source 4. HighCharts Highcharts 是一个纯粹使用HTML5/Javascript写的图表库，能向你的网站或者网络应用提供直观交互的图表。目前，Highcharts支持折线图，曲线图，面积图，面积拟合图，条状图，柱状图，饼图，散点图，仪表图，面积范围图，面积曲线图，条状范围图，气泡图，箱型图，误差线，漏斗图，瀑布流和极坐标图表类型。 Source tnjin 翻译于 2天前 0人顶 顶 翻译的不错哦! 5.Fusion Charts jQuery 的FusionCharts插件帮助你增加交互式的JavaScript图表，在你的网站，移动端和企业级应用中绘图。它将FusionCharts套件XT的灵动和全面的特点与jQuery简易的语法融合在了一起 Source 6. Flot : jQuery中引人注目的JavaScript绘图插件 Flot 为jQuery准备的一个纯JavaScript绘图库, 重点在于使用简单，引人注目的界面和良好的交互特性。图的一些关键特性是通过开关，放大缩小和与数据点交互来控制的，此外还有它加入了简单工具提醒的功能 Source Mitisky 翻译于 2天前 0人顶 顶 翻译的不错哦! 7. JS Charts : 免费的JavaScript图表 JS Charts是一个基于JavaScript的图生成器，它只需要很少或不需要编码。使用JS Charts来绘制图表是一个简单且容易的工作，因为你只需要使用客户端脚本（即通过Web浏览器操作）。不需要额外的插件或服务器模块。只引用这个脚本，准备好图表数据的XML、JSON或JavaScript数组，OK，你的图表已经就绪了！ 源码 8. jQuery Sparklines 这个jQuery插件直接在浏览器中生成波形图（小的内联图表），使用的数据可以是内嵌在HTML中或通过JavaScript提供。这个插件与大多数现代浏览器兼容，已经使用Firefox 2+、Safari […]
View Details