做法如下:
工具/原料
联想小新Air15
Windows10
wps office13.0.503.101
1、在表格中直接选中表格内容,如下图所示。
2、进入菜单栏,直接单击插入,如下图所示。
3、在全部图表选项下直接单击全部图表,如下图所示。
4、进入图表界面,直接单击雷达图,如下图所示。
5、在雷达图页面,直接单击插入图表,如下图所示。
6、这样就制作雷达图成功,如下图所示。
D3.js
D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到 DOM,然后将数据驱动转换应用到文档中。你可以使用它用一个数组创建基本的
HMTL 表格,或是利用它的流体过度和交互,用相似的数据创建惊人的 SVG 条形图。
ChartJS
Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas
基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于
5KB。
Highcharts JS
Highcharts JS 是一个制作图表的纯 Javascript 类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE
和火狐等等对个人用户完全免 费纯JS,无BS支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图跨语言:不管是
PHP、Asp.net 还是 Java 都可以使用。
Fusioncharts
FusionCharts Suite XT 是个专业的 JavaScript
图表库,能创建任何类型的图表。它创建的图表都是可以进行完全自定义的,标签,字体,边界等等,都可以进行修改。它有很强的交互功能,有许多信息提示,可 点击的
legend 关键字,还有 dril-down,缩放/滚动 和单击打印图表功能。
Flot
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
Chartist.js 提供了优美的响应图表。就像 ChartJS。它使用 SVG 渲染图,可以被控制,并通过对 CSS3 媒体查询和 SASS
定制。另外 Chartist.js 提供很酷的动画。
n3-charts
如果你是一个 AngularJS 开发者,你一定喜欢款有趣的图表。它是建立在 D3.js 和 AngularJS 的基础上,提供了可定制的
AngularJS 指令的形式不同标准的图表。
Ember Charts
Ember Charts 是一个基于 Ember.js 和 D3.js
的图表库。它包括时间序列、柱状图、饼图、点图,很容易扩展和修改。这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展的。
Chartkick
Chartkick 是专为 Ruby 应用程序的 JavaScript
图表库。它提供了所有主要的图表类型,如饼图,柱形图,条形图,面积,地理,时间,以及多个系列。
MeteorCharts
它有一个很酷的图表生成器,为您提供选项来选择图表,选择主题,然后生成一个图表。
amCharts
amCharts 无疑是最漂亮的图表库。amCharts 提供了JavaScript/HTML5 Charts、Javascript/HTML5
Stock Chart、JavaScript Maps 三种图表组件。
EJS Chart
EJS图表声称自己是企业准备的图表库。图表看起来很干净,可读性比大多数旧的图表库。这也是与IE6+等旧浏览器兼容。
uvCharts
uvCharts 是一个开源的 JavaScript 图表库,号称有100多个自定义选项。它拥有12种不同的标准图表类型,开箱即用。
ECharts
基于 Canvas,纯 JavaScript
图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、和弦图以及力导向布局图,同时支持任意维度的堆积和多图表混合展现。
html5的优点诸多,网络标准公开、可以跨平台使用、自适应网页设计、支持即时更新,可以认为html5就是未来的趋势。用于html5图表的开发工具很多,各种工具之间也不容易作比较,故而笔者罗列一下各html5图表开发工具,希望给那些关心图表开发控件的朋友一些帮助。同时,web报表软件FineReport的html5图表功能模块在报表领域优势自不必说,那与这些常见的html5图表软件相比,性能、样式、交互效果又如何呢?
FusionCharts Suite XTfusioncharts作为一款高性能图表控件,其图表功能、可视化效果、研发团队较其他图表开发工具更强,自2002年推出以来,一直都是最优秀的flash图表控件。随着html5的兴起,fusioncharts已调用所有资源开发javascript图表控件,所以FusionCharts Suite XT注定是优秀而伟大的。
但是,fusioncharts真的没有缺点吗?有,而且缺点是致命的,fusioncharts使用起来虽然简单,只要调用API,但不够灵活,而且生成图表还需要编写代码。fusioncharts作为一个缩减版图表软件过于专业,普通人根本无法自如应用。
HighchartsHighcharts 推出于2009年,是一个用纯JavaScript编写的一个图表库,支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等图表类型。兼容性好,非商业性用户免费。
highcharts与上文提到的图表控件fusioncharts相比,灵活性更好,用户可以自由的修改图表模板的参数。但他性能稍弱,图表渲染速度慢,图表类型也不够丰富,当前暂时不支持3D图表。
finereportFineReport支持主流的图表类型和样式,如柱形图、折线图、条形图、饼图、面积图、XY散点图、气泡图、雷达图、股价图、仪表盘、全距图、组合图、地图、甘特图等。较fusioncharts和highchairts来说,支持的图表种类还是较少,但这已经完全满足中国式复杂报表和数据分析的需求了。
FineReport制作图表过程简单,零编码、只需拖拖拽拽就可以生成html5图表。
此外,FineReport图表支持报表数据集数据和单元格数据源,而非同fusioncharts支持JSON和XML数据源。支持数据集数据的好处,就是适用于报表中仅需图表无需表格时。格子数据源的好处,就是适用有图有表的时候。
FineReport支持的图表交互属性有坐标轴提示、数据点提示、数据的交互高亮,也支持系列交互、图表缩放效果,更是支持有着中国特色的多维度坐标轴和图表在线切换功能,支持图表间的联动、钻取功能,而令人惊讶的是,这些实现起来完全无编码,拖拖拽拽就可生成报表图表。
FineReport的数据地图功能也是一大优势,支持热力地图、自定义地图和GIS地图,支持地图联动。另外finereport是中国本土报表产品,技术支持和服务是其他不可比拟的。
总之,FineReport与fusioncharts和highchairts这些专业的图表软件相比,易用性零编码、本地化服务是绝对的优势。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)