前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >12个最好的 JavaScript 图形绘制库

12个最好的 JavaScript 图形绘制库

作者头像
用户4962466
修改2019-08-06 15:16:08
8K0
修改2019-08-06 15:16:08
举报
文章被收录于专栏:我的前端路我的前端路

众多周知,图形和图表要比文本更具表现力和说服力。图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和 Web 应用和项目的可靠性。

在这篇文章中,我们收集了12款值得网站开发者收藏的 JavaScript 图形图表库,可以帮助你实现各种功能的图表。

D3.js

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到 DOM,然后将数据驱动转换应用到文档中。你可以使用它用一个数组创建基本的 HMTL 表格,或是利用它的流体过度和交互,用相似的数据创建惊人的 SVG 条形图。

ChartJS

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。

Highcharts JS

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

Highcharts JS 是一个制作图表的纯 Javascript 类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等;对个人用户完全免 费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是 PHP、Asp.net 还是 Java 都可以使用。

Fusioncharts

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

FusionCharts Suite XT 是个专业的 JavaScript 图表库,能创建任何类型的图表。它创建的图表都是可以进行完全自定义的,标签,字体,边界等等,都可以进行修改。它有很强的交互功能,有许多信息提示,可 点击的 legend 关键字,还有 dril-down,缩放/滚动 和单击打印图表功能。

Flot

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

Flot 是受 Plotr 和 PlotKit 的 启发,Ole Laursen 基于 jQuery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。 flot 是个纯 JavaSript 库,专注于简单的使用方式,迷人的外观和交互式特性。支持的浏览器有: Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+。

Chartist.js

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

Chartist.js 提供了优美的响应图表。就像 ChartJS。它使用 SVG 渲染图,可以被控制,并通过对 CSS3 媒体查询和 SASS 定制。另外 Chartist.js 提供很酷的动画。

n3-charts

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

如果你是一个 AngularJS 开发者,你一定喜欢款有趣的图表。它是建立在 D3.js 和 AngularJS 的基础上,提供了可定制的 AngularJS 指令的形式不同标准的图表。

Ember Charts

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

Ember Charts 是一个基于 Ember.js 和 D3.js 的图表库。它包括时间序列、柱状图、饼图、点图,很容易扩展和修改。这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展的。

Chartkick

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

Chartkick 是专为 Ruby 应用程序的 JavaScript 图表库。它提供了所有主要的图表类型,如饼图,柱形图,条形图,面积,地理,时间,以及多个系列。

MeteorCharts

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

它有一个很酷的图表生成器,为您提供选项来选择图表,选择主题,然后生成一个图表。

amCharts

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

amCharts 无疑是最漂亮的图表库。amCharts 提供了JavaScript/HTML5 Charts、Javascript/HTML5 Stock Chart、JavaScript Maps 三种图表组件。

EJS Chart

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

EJS图表声称自己是企业准备的图表库。图表看起来很干净,可读性比大多数旧的图表库。这也是与IE6+等旧浏览器兼容。

uvCharts

推荐12个最好的 JavaScript 图形绘制库
推荐12个最好的 JavaScript 图形绘制库

uvCharts 是一个开源的 JavaScript 图表库,号称有100多个自定义选项。它拥有12种不同的标准图表类型,开箱即用。

ECharts

基于 Canvas,纯 JavaScript 图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时支持任意维度的堆积和多图表混合展现

资料:

《MeteorCharts》:www.smpeizi.com

《Chartkick》:www.aiidol.com

《ECharts》:www.idiancai.com

《n3-charts》:www.3sjtw.com

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • D3.js
  • ChartJS
  • Highcharts JS
  • Fusioncharts
  • Flot
  • Chartist.js
  • n3-charts
  • Ember Charts
  • Chartkick
  • MeteorCharts
  • amCharts
  • EJS Chart
  • uvCharts
  • ECharts
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档