如何用FineReport开发html5图表

如何用FineReport开发html5图表,第1张

1、数据准备

在制作图表前,需要先定义图表的数据来源。新建工作簿,添加数据集,SQL语句为SELECT*FROM[销量],使用销量表作为图表的数据来源。

2、插入图表并选择图表类型

点击工具栏中的插入>悬浮元素>插入图表,d出图表向导,选择图表类型如柱形图,如下图:

3、定义图表样式

选择完图表类型后,点击确定,返回报表主体界面,选中悬浮图表,在报表主体右侧上方的图表属性表中设置图表属性,选择图表属性表-数据,设置柱形图的数据,如下图:

4、设置图表样式

对图表标题、标签等样式进行相应的设置

5、保存模板并预览。

利用canvas可以制作饼状 报表等,需要学习HTML5/CSS3/Javascript等知识,如果学习可以看下这方面的视频教程。

如是用作项目,可直接用现成插件,如百度echarts等


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

原文地址: https://outofmemory.cn/zaji/7309173.html

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

发表评论

登录后才能评论

评论列表(0条)

保存