html5图表制作软件FineReport中如何制作股价图

 时间:2026-02-14 03:04:13

1、概述

股价图(K线图),顾名思义,股价图通常用来显示股价的波动,如下图开盘-盘高-盘低-收盘图,并设置K线:

注:上图中的红色为涨,绿色为跌。

html5图表制作软件FineReport中如何制作股价图

2、准备数据

新建工作薄,添加数据集ds1,SQL语句为SELECT * FROM [公司股票],查询出公司股票数据。

3、插入图表和数据源

以悬浮图表为例,点击插入>悬浮元素>插入图表,图表类型选择股价图,点击确定,选中图表,设置图表数据源,根据下图设置数据源:

html5图表制作软件FineReport中如何制作股价图

4、移动平均线设置

选中图表,点击图表属性表-样式>分析线,在趋势线标签下增加趋势线,根据需要自己定义名称,趋势线线型以及背景色,然后选择趋势线类型为移动平均,自己定义周期。

这边我们增加三个趋势线,名称为趋势线;趋势线背景分别为蓝色,黄色,粉红色;周期分别为5、10、25;如下图所示:

注:k线图经常和移动平均线一起来观察股价走势。

移动平均是将一段时期内的股票价格平均值连成曲线,用来显示股价的历史波动情况,进而反映股价指数未来发展趋势的技术分析方法,因此需要设置周期,如设置5。

html5图表制作软件FineReport中如何制作股价图

5、其它设置

为了图表显示的更清晰,可以对图表进行如下设置:

选中图表,在右侧上方的图表属性表中将分类轴标签间隔设置为12。

选中图表,在右侧上方的图表属性表中将图例设置为不可见。

选中图表,在右侧上方的图表属性表中选择图表属性表-特效>交互属性,勾选坐标轴交互属性中的坐标提示。

6、保存与预览

保存模板,点击分页预览,效果即如上。

  • html5表格制作软件:FineReport图表的制作流程
  • html5表格制作软件:FineReport实现组织树报表
  • html5表格制作软件:FineReport
  • html5表格制作软件:FineReport套打
  • html5表格制作软件:FineReport分页冻结
  • 热门搜索
    ahead是什么意思 秋季喝什么茶好 生日快乐的祝福语 天涯明月刀什么职业好玩 股藓用什么药膏 祝福新人结婚的话 cucumber是什么意思 什么证书可以挂靠挣钱 读大学读什么 股票持仓是什么意思