如何用FineReport开发html5图表_随笔

1、数据准备

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

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

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

3、定义图表样式

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

4、设置图表样式

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

5、保存模板并预览。

一般js加载的元素放置在页面中的位置，有两种方法

1.一种是放在相应的容器里面，利用js动态加载进来，但是元素的位置是固定了的，就是在页面中容器原来放置在哪里，就只能放置在哪里，不过结合position可以动态地改变位置

js加载内容

</div>

2.还有一种就是，js自己在body元素下生成一个容器，利用绝对定位或者固定定位，从而可以放在在页面的任何位置

<body>

<div style="position:absolutetop:0left:0">动态加载的js</div>

</body>

欢迎分享，转载请注明来源：内存溢出

如何用FineReport开发html5图表