目前在做HTML5,报表控件暂时选为HighCharts(图形界面比较好),不知道有没有比这更好的报表控件?

目前在做HTML5,报表控件暂时选为HighCharts(图形界面比较好),不知道有没有比这更好的报表控件?,第1张

嗯,报表控件图表控件还是不一样的。

但是你以加了个“图形界面比较好”,比较费解。我估计你的意思还是图表控件。

然后你也没有讲明白有啥条件限制,我估计你是JavaScript 图表插件,好吧。

好的插件有很多。以下有10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。

个人还是很推荐highcharts的,RGraph很炫,

1. Cubism.js

一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。

2. RGraph

一个HTML5 JavaScript图表库,支持20多种不同类型的图表。

3. Cytoscape Web

一个开源的图形可视化库,基于jQuery编写。

4. sigma.js

一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。

5. Morris.js

一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。

6. Timeplot

基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。

7. Dracula

一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。

8. gRaphael

一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。

9. gvChart

一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。

10. jQuery Highcharts Table

简易,漂亮,该插件可以将HTML表格中的数据自动转换成图表,也可以抓取excel,连数据库也没有问题。

chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有d性动画特效,这也是HTML5 Canvas的一大功劳。

第一步,新建静态页面line.html,引入HighCharts核心js文件

第二步,插入折线图容器,设置折线图宽度和高度

第三步,编写生成HighCharts折线图的js代码

第四步,预览该静态页面,查看折线图效果

第五步,添加如下代码

line:{

    dataLabels:{

    enabled:true

    }

    }

第六步,再次预览该界面,可以看到图形上点数据显示出来了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6173663.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存