流行JavaScript/HTML5图表库对比(转载)

转自:http://www.hkaco.com/software/fusioncharts/fusioncharts/javascript-charting-comparison.html

流行JavaScript/HTML5图表库对比

选择一个图表组件是一项复杂的任务,因为这项选择必须考虑你的应用程序现在和将来的需要。下表比较了市场上流行的JavaScript (HTML5) 图表库 — FusionCharts、HighCharts、Google Charts、extJS Charts、Chart.js、Flot、jqPlot 和 gRaphaël — 关于最后输出、设备和浏览器支持、图表类型、特性和支持选项。

概览

 FusionChartsHighChartsGoogle Chart ToolsSencha ExtJS ChartsgRaphaël
概要Delightful JavaScript charts for web and mobile applicationsInteractive JavaScript charts for your web projectsDisplay live data on your sitePlugin-free Charting (part of the extJS framework)Stunning charts on your website
首次发布20022009200720112009
图表表现在JavaScript (HTML5) Charts using SVG and VMLSVG and VML JavaScript (HTML5) Charts using SVG and VMLHTML5 charts using SVG and VMLJavaScript Charts using SVG and VMLJavaScript (HTML5) Charts using SVG and VML
输入数据格式JSON and XMLJSONJavaScript APIJavaScript APIJavaScript API
浏览器支持All modern web and mobile browsers, including IE6+All modern web and mobile browsers, including IE6+All modern web and mobile browsers, including IE6+Modern web browsers. Need to use Sencha Touch for mobile web apps.All modern web and mobile browsers, including IE6+
图表和地图种类90+ chart types in both 2D and 3D. 950+ maps spanning all continents, countries, US states and regions, European countries and counties etc.25+ chart types in 2D. Maps and 3D charts are not supported.13 chart types in 2D. Maps available as GeoChart.13 chart types in 2D. Maps and 3D charts not supported.4 chart types in 2D. Maps and 3D charts are not supported.
用于下载和修改的可用源代码YesYesYesYesYes
许可证制度Development and testing licenses are free. Deployment licenses start at $199.Per-developer licensing fee starts $390 per developer. Website licenses at $90. Non-commercial usage is free.Free for all usage.Available only as part of Sencha Touch Bundle or Sencha Complete.MIT
文档Extensive documentation of over 1,500+ pages. Getting started guides, detailed API references, integration examples and tutorial-style explanation of the advanced capabilities.Getting started guide, API references and simple examples.Getting started guide, detailed API references and simple examples.Getting started guide and API references.Basic getting started guide and API reference
用源代码的现实商业例程Yes. Numerous plug-and-play real-life demos available for download with source code.NoFewYes. Extensive demos available.No
支持选项Personalized tech support and community forum with 20,000 active membersPersonalized tech supportDiscussions GroupPersonalized tech support and community forumDiscussions Group
顾客和用户23,000+ customers, 500,000 developersN/AN/AN/AN/A
团队规模6010N/AN/A1

功能

 FusionChartsHighChartsGoogle Chart ToolsSencha ExtJS ChartsgRaphaël
动画YesYesYes, but turned off by defaultYesAdditional code required
下钻Can be configured in data or JavaScript code. Multi-level drill-downs made possible easily through LinkedCharts.Through JavaScript codeThrough JavaScript codeThrough JavaScript codeThrough JavaScript code
工具提示条YesYesYesYesYes
图例Yes. Interactive legend to show/hide data series. Conditional scroll bars for overflow.YesYesYesNo
放大Yes, with support for pinningYesNoNoNo
滚动 / 平移YesYesNoNoNo
X-轴标签管理Intelligent x-axis label management to avoid overlapping of labels. Automatically rotates labels, wraps labels or adds ellipses to long labels. Support for rotation and stepping.Not available. Labels overlap when no space is available, leading to a cluttered look.Not available.Not available.Not available.
多个轴YesYesYesYesNo
数字格式化In-built with ability to provide suffix, prefix, and custom number scalingYesYesYesNo
调色板和主题In-built palettes, and further customizations through attributes in dataUsing additional JSON theme file or attributes in codeUsing attributes in codeUsing SASS and CompassUsing attributes in code.
渐变Supported, with full control over constituent colors, ratios, alphas and anglesYesNoYesYes
趋势线YesYesYesYesNo
能够导出图表为JPG、PNG 或PDFYes. Support for PNG, JPG and PDF. Can use hosted export handlers, or host them yourself.YesNoNoNo
本地jQuery集成Yes, through FusionCharts jQuery pluginYesThrough third-party / community contributionsNoNo
JavaScript事件表现图表和数据YesYesYesYesNot native
服务器端APIs用于轻松集成,无需编写JavaScript代码Yes, for ASP.NET, PHP, ASP, Java, Ruby on Rails etc.Through third-party / community contributionsNoNoNo
定制标签垂直线以显示重要信息于X轴YesYesNoNoNo
附加点评Different chart types in FusionCharts Suite offer additional features not listed here. The JavaScript files are loaded directly from Google's servers. So your application always has to be online to view the charts.  

图表种类

 FusionChartsHighChartsGoogle Chart ToolsSencha ExtJS ChartsgRaphaël
概述90+ chart types in both 2D and 3D. 950+ maps spanning all continents, countries, US states, European districts / counties etc.25+ chart types in 2D. Maps and 3D charts are not supported.13 chart types in 2D. Maps available as GeoChart.13 chart types in 2D. Maps and 3D charts not supported.4 chart types in 2D. Maps and 3D charts are not supported.
柱形图表Yes. In 2D and 3D.Yes. In 2D only.Yes. In 2D only.Yes. In 2D only.Yes. In 2D only.
条形图表Yes. In 2D and 3D.Yes. In 2D only.Yes. In 2D only.Yes. In 2D only.Yes. In 2D only.
直线图表Yes. With zooming, scrolling and pinning support.Yes. With zooming and panning support.Yes. No zooming or panning.Yes. No zooming or panning.Yes. No zooming or panning.
区域图表YesYesYesYesYes
饼形和圆环图表Yes. In 2D and 3D, with interactive rotation capability.Yes. In 2D only.Yes. In 2D and 3D.Yes. In 2D onlyYes
分散 (XY) 和气泡图表Yes, with interactive options on scatter chart to select groups of data points visuallyYes, with interactive zoomingOnly Scatter charts. Bubble chart not available.YesScatter chart possible through their dot chart.
堆叠图表Yes, with 100% stacking supportYesYesYesNo
Pareto 图表Yes, with 100% stacking supportYesYesYesNo
烛台/股票图表YesYesYesNoNo
车速表/仪表图表YesYesYesYesNo
漏斗和金字塔图表Yes. In 2D and 3D.Yes. No pyramid chart.NoNoNo
Mekko/Marimekko图表YesNoNoNoNo
子弹图YesNoNoNoNo
甘特图表YesNoNoNoNo
瀑布YesYesNoNoNo
微型或微小图表例如火花线、Columns 和 Win/loss 图表YesNoDeprecatedNoNo
可滚动图表Yes, in all column, line, area, stacked and combination chartsNoNoNoNo
组合柱形、直线和区域图表穿越多个轴Yes, including combinations for 3D columnsYesYesYesNo
线性、LED和灯泡仪表YesNoNoNoNo
温度计和圆筒图表YesNoNoNoNo
温度地图图表YesNoNoNoCan be represented using dot chart
对数和倒数轴图表YesYesYesYesNo
齿条图表YesYesYesYesYes
错误条形和分散图表YesYesYesNoNo
极地NoYesNoNoNo
雷达YesYesNoYesNo
节点图用于网络仿真,机构图表YesNoNoNoNo
可视化可编辑图表运行drag-n-drop数据改变Yes - in column, area and lineNoNoNoNo
附加图表种类支持Error bar & scatter, Box & Whisker Plot, Multi-level pie, Kagi chartsWind roseTreemap charts, Stepped Area Charts, Table Charts / Grids Dot Charts

如果你有任何疑问,请通过support@hkaco.com联系我们

转载于:https://www.cnblogs.com/Joetao/articles/4929970.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值