report-render
1.1.7 • Public • Published
report-render
Install
npm install report-render --save
Import
import ReportRender from 'report-render'
Vue.use(ReportRender)
Use
<report-render ref="myReport" :reportData="reportData" :watermarkData="watermarkData"></report-render>
Properties
Name |
Required |
Type |
Default |
Description |
reportData |
true |
JSON |
{} |
报表数据结构 |
watermarkData |
true |
JSON |
{} |
报表水印 |
reportData说明
Name |
Required |
Type |
Default |
Description |
charts |
true |
Array |
[] |
图表集合 |
chart_chapter_collapsible |
false |
Boolean |
false |
是否开启折叠模式 |
owner |
false |
String |
"" |
报表创建人 |
view_user |
false |
String |
"" |
报表联系人 |
category_name |
false |
String |
"" |
报表分类 |
view_layout |
false |
JSON |
{} |
报表布局 |
version_name |
false |
String |
"" |
报表版本 |
watermarkData说明
Name |
Required |
Type |
Default |
Description |
watermark_show |
true |
Boolean |
true |
是否显示水印 |
watermark_txt |
true |
String |
"" |
水印文字 |
watermark_x |
false |
Number |
0 |
水印起始位置x轴坐标 |
watermark_y |
false |
Number |
0 |
水印起始位置Y轴坐标 |
watermark_x_space |
false |
Number |
0 |
水印x轴间隔 |
watermark_y_space |
false |
Number |
0 |
水印y轴间隔 |
watermark_color |
false |
String |
#54585a |
水印字体颜色 |
watermark_fontsize |
false |
String |
14px |
水印字体大小 |
watermark_alpha |
false |
Number |
0.15 |
水印透明度 |
watermark_width |
false |
Number |
300 |
水印宽度 |
watermark_height |
false |
Number |
200 |
水印高度 |
watermark_angle |
false |
Number |
30 |
水印倾斜度数 |
Methods
Name |
Description |
E.g |
removeWatermark |
手动移除水印 |
this.$refs.myReport.removeWatermark() |
Package Sidebar
Install
Weekly Downloads