HighReport报表工具制作报表图形

HighReport报表工具内置ECharts图形库

  1. 制作折线图

报表支持在单元格中显示图形,配置步骤:

1.1 合并单元格用于显示图形IMG_257

1.2创建数据集

IMG_258

1.3 选择图形

选择折线图

IMG_261

IMG_262

1.4 设置图形数据

IMG_263

IMG_264

单击“确定”按钮,返回到报表编辑界面

1.5预览图形

IMG_265

IMG_266

  1. 制作柱状图

报表支持在单元格中显示图形,配置步骤:

2.1 选择图形

IMG_260

这是柱状图显示option,只要把option里面的数据替换为实际数据

2.2 设置图形数据

给报表图形数据,显示2个柱图形

IMG_262

1.左边参数

=formatdatetime(ds1.select(DT),"MM-dd") --格式化日期

=ds1.select(GenPow_Q)

=ds1.select(AuxPow_Q)

2.右边直接将定义的变量,直接给option的值,不需要js计算

2.3.预览图形

IMG_263

IMG_264

  1. 制作饼图

3.1选择图形

IMG_261

3.1设置数据

这是柱状图显示option,只要把option里面的数据替换为实际数据

IMG_265

1.左边参数

sales_region = ds1.values(sales_region)

sales_count   = ds1.values(sales_count)

2.右边直接将定义的变量,直接给option的值,需要js计算

option.legend.data = ${sales_region};

var sales_region=${sales_region};

var sales_count=${sales_count};

var count=sales_region.length;

for (var i = 0; i < count; i++) {

option.series[0].data.push({value:sales_count[i], name:sales_region[i]});

}

3.3.预览图形

IMG_266

posted @ 2026-09-02 16:05  陪风聊雨  阅读(10)  评论(0)    收藏  举报