@cloud-ui/u-you-data

Cloud UI - UYouData

Usage no npm install needed!

<script type="module">
  import cloudUiUYouData from 'https://cdn.skypack.dev/@cloud-ui/u-you-data';
</script>

README

UYouData 有数报表

chart, runtime

有数报表集成组件

示例

基本用法

<u-you-data src="https://fengchao.youdata.netease.com/dash/integration/450200717?rid=38269&token=159989189077219a5e8f0bfc4674648569b33" scale="width" style="width:1200px;height:1100px"></u-you-data>

API

Props/Attrs

Prop/Attr Type Options Default Description
src string '' 报表地址
scale string '100' (缩放100%)
'width' (自适应宽度)
'screen' (自适应窗口)		 '100' 有数缩放配置
bottomBarPos string 'bottom' (底部栏放在底部)
'top' (底部栏放在顶部)		 'bottom' 有数底部栏位置配置
hideProgressBar boolean true 有数顶部进度条隐藏配置
hidePageBar boolean true 有数底部工具栏隐藏配置
hideScaleBar boolean true 有数缩放栏隐藏配置
hideTitle boolean true 有数顶部标题栏隐藏配置
hidePrivate boolean true 有数私有文件夹隐藏配置
hidePublic boolean true 有数公共文件夹隐藏配置
side boolean false 有数侧边栏配置
toolbar array 'export' (导出)
'refresh' (刷新)
'print' (打印)		 [export, refresh, print] 有数功能键配置
mode string 'simple' (箭头切换)
'normal' (tab 页切换)		 'normal' 有数底部导航条显示方式配置

Events

@load

加载完成后触发