js统计图表工具FineReport如何制作双轴图

 时间:2024-10-16 01:56:55

1、问题描述多种图表类型,可在一张图表混合显示。如图表中既存在柱形图,又有折线图或面积图,且各图表类型的纵坐标轴可设置在左或右,实现混合图表。如下图效果:

js统计图表工具FineReport如何制作双轴图

2、准备数据新建工作薄,添加数据集,SQL语句为SELECT 产品名称, 库存量, 订购量, 再订购量 FROM [产品] where 类别ID = 1,选出饮料类各产品的库存量、订购量与再订购量作为图表数据来源。

3、插入图表以悬浮图表为例,点击插入>悬浮元素>插入图表,弹出图表向导对话框,选择组合图,点击确定。

4、设置图表数据图表数据来源于数据集数据,设置如下:

js统计图表工具FineReport如何制作双轴图

5、此时分页预览,可以看到默认第二个系列为折线图且使用右侧坐标轴,其余系列都是柱状图,使用左侧坐标轴:

js统计图表工具FineReport如何制作双轴图

6、设置双轴属性-条件显示设置而我尺攵跋赈们需要同类的订购量与再订购量使用柱形图且使用左侧坐标轴,而与他们比较的库存量使用折线图且使用右侧坐标轴。选中图表,点击图表属性表-特效>条件显示,点击禾韧喹缎左边第一个条件,可以看到默认设置好了系列1(库存量)的样式为柱形图、使用主坐标轴(左侧坐标轴),修改其系列样式为折线图,坐标轴选择次坐标轴,标记类型修改为实心,如下图:

js统计图表工具FineReport如何制作双轴图

7、按照同样的方法,修改刳噪受刃条件显示的第二个,设置系列2(再订购量)的样式为柱形图,使用主坐标轴;再添加一个条件显示,设置系列3(库存量)的样式为柱形图,使用主坐标轴(右侧坐标轴);更多系列按照同样的方法设置即可。注:系列序号是按照设置图表数据时的系列顺序来编号的。

  • js统计图表工具FineReport如何制作趋势线
  • 如何用js统计图表FineReport做图表
  • js统计图表工具FineReport如何制作负数柱形图
  • js统计图表工具FineReport如何添加饼图牵引线
  • js统计图表工具FineReport设置折线图线型样式
  • 热门搜索
    孝行天下手抄报 中华文化手抄报 语文手抄报内容大全 科学手抄报的资料 初中法制手抄报 古诗手抄报内容 手抄报的格式 四年级手抄报内容 法律伴我成长手抄报 小学生法制手抄报资料