`
flashing
  • 浏览: 354670 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

几个前端的图表库

 
阅读更多

简单筛选了一下,不得不说jfreechart太out了,google那个又太麻烦(必须服务器渲染)

 

最后的项目用了kendoui的datawiz,不得不说还是这个相对最好了。

另外google visualization有个坑,就是如果你要在画面加载几个图表的话,每个一定在iframe里面独立加载。

 

http://www.chartjs.org/  渲染效果很拉轰

http://www.jqplot.com    看起来最靠谱,但是不如chartjs拉轰

 

http://www.highcharts.com/ 也还不错

 

http://www.humblesoftware.com/flotr2/ 界面土了点

http://www.amcharts.com/ (收费的)

 

2015-04-28: http://echarts.baidu.com/ 这个做了几个DEMO给客户,发现效果还不错啊。

 

分享到:
评论

相关推荐

    C3一个基于D3的可复用的图表库

    C3.js 是一个基于 D3.js(Data-Driven Documents)的可复用图表库,它为开发者提供了一种更简单的方式来创建各种交互式图表。D3.js 是一个强大的数据可视化库,而 C3.js 则在其基础上进行了封装,使得创建复杂的图表...

    web前端 报表模版、图表

    Web前端图表库有ECharts、Highcharts、D3.js等,它们提供了丰富的API和配置选项,可以自定义颜色、大小、交互等属性。 1. ECharts:百度开发的轻量级图表库,支持多种图表类型,内置丰富的交互功能和动画效果,易于...

    纯前端word带图表导出

    对于图表的处理,可以先用Chart.js等前端图表库生成图表,然后将其转换为图片,再嵌入到Word文档中。 2. **Puppeteer**: Puppeteer是Google Chrome团队维护的一个Node.js库,它提供了高级API来通过DevTools协议控制...

    基于qt5.6与echarts配合打造最强图表库

    为了将ECharts与Qt5.6结合,我们需要以下几个关键步骤: 1. **集成ECharts库**:下载ECharts的JavaScript文件,将其放入项目的资源文件夹中。确保这些文件可以在运行时被Qt加载。 2. **创建QWebView**:在Qt5.6中...

    前端开源库-janeway

    在文件列表`janeway-master`中,我们可以找到Janeway项目的源码,其中包括以下几个关键部分: - `src`目录:存放Janeway的主要源代码,如核心逻辑、界面组件和交互处理等。 - `examples`目录:包含一些示例,展示...

    Web前端框架模板(包括各类控件及展示图表)

    1. **理解前端框架的基本结构**:通过研究代码,了解如何组织和结构化一个前端项目。 2. **熟悉常用的前端技术**:比如HTML5、CSS3和JavaScript,以及它们如何协同工作来创建动态交互的Web页面。 3. **提升开发效率*...

    前端开源库-kiite.zip

    在实际应用中,前端开源库的使用步骤通常包括以下几个方面: 1. **选择合适的库**:根据项目需求,比如功能需求、性能需求、社区活跃度等,选择最适合的库。 2. **引入库**:通过CDN链接、npm/yarn安装或直接下载...

    JavaScript图表库

    本文将基于提供的文件信息,深入介绍几个流行和功能强大的JavaScript图表库。 1. ECharts ECharts是一个由百度商业前端数据可视化团队开发的开源图表库,它基于html5的Canvas实现。ECharts不仅支持常规的图表类型,...

    Web前端3D柱形图,柱子是柱体的

    描述中提到一般图表库如ECharts、Highcharts等虽然提供柱形图,但可能不直接支持3D柱体,因此需要开发者自定义实现。 要手写一个3D柱形图,我们需要掌握以下几个关键技术点: 1. **HTML5 Canvas或SVG**:这是创建...

    前端ECharts图表可视化大屏开发案例

    在“前端ECharts图表可视化大屏开发案例”中,我们将关注以下几个关键知识点: 1. **大屏适配**:大屏开发需要考虑不同分辨率和屏幕尺寸的适配,通常采用响应式布局,通过CSS3的媒体查询(Media Queries)或者...

    前端开源库-orga

    在“orga”库中,我们可以找到以下几个关键知识点: 1. **数据结构**:orga库处理的数据通常以树形结构表示,这种结构由节点(如部门或个人)和连接节点的关系(如上下级关系或协作关系)组成。理解这种数据结构是...

    Axure 8 Web前端+后台+移动前端 元件库

    后台元件库则更注重功能性,包含如数据输入表单、操作按钮、状态指示器、图表和管理界面元素等。这些元件旨在帮助设计师构建出用于后台管理系统或者数据分析界面的原型,展示数据处理和用户操作流程。 移动前端元件...

    前端实现水尺变化图-剖面图.rar

    这个压缩包包含了以下几个关键文件: 1. `rule.html`: 这是项目的主HTML文件,它可能包含了网页的结构和JavaScript代码,用于渲染图表并处理用户交互。HTML文件通常会引入CSS和JavaScript库来实现页面的样式和功能...

    前端开发,利用echarts图表实现海南地图、广东地图等 对应区域的显示、添加图标 等操作,常用大屏展示的部分区域的地图显示~

    在前端开发领域,ECharts是一款基于JavaScript的数据可视化库,它提供了丰富的图表类型,适用于各种数据展示需求。在本项目中,我们重点讨论如何利用ECharts实现海南地图和广东地图的显示,以及在这些地图上添加图标...

    前端开源库-panto-dependency-map

    在实际应用中,"panto-dependency-map"有以下几个关键优势: 1. **可视化**:它将复杂的代码依赖关系转化为易于理解的图形,帮助开发者快速定位和解决问题。 2. **优化构建过程**:通过查看依赖关系图,开发者可以...

    前端开源库-animated

    在实际项目中,"前端开源库-animated"可以广泛应用于各种场景,比如页面过渡动画、按钮点击反馈、滑动列表滚动效果、自定义图表动画等。通过深入理解和灵活运用这个库,开发者可以创造出更加生动、流畅的用户体验,...

    .net 图表类库 v1.3源码

    在提供的压缩包中,我们看到了几个关键的文件夹和文件,如"jQuery.Plotter.ErrorBands"、"jQuery.Plotter.WithoutErrorBands"和"jQuery.Plotter.YRandom",这些都代表了不同类型的图表示例或者不同的功能模块。...

    Js前端插件demo(地图-拓扑图-图表)

    本资源包“Js前端插件demo(地图-拓扑图-图表)”提供了几个JS插件的示例,涵盖了地图、拓扑图和各种图表的实现,帮助开发者快速理解和应用这些功能。 首先,让我们详细了解每个部分: 1. **Chart.js**:这是一个...

    java web中调用后台方法用js快速生成图表

    - JSChart是一个轻量级的JavaScript图表库,它可以帮助我们在浏览器端创建各种类型的图表,如柱状图、饼图、线图等。 - 首先,需要在HTML页面中引入JSChart的JavaScript和CSS文件。 - 创建一个HTML元素,作为图表...

    前端开源库-react-stamp

    这个开源库主要包含以下几个关键知识点: 1. **React基础**:React Stamp是基于React框架构建的,因此理解和掌握React的基本原理和API是使用这个库的前提。这包括JSX语法、组件生命周期、状态管理和props等。 2. *...

Global site tag (gtag.js) - Google Analytics