DataV-React
DataV-React copied to clipboard
React数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新
场景描述: 使用 fullScreenContainer 作为最外层的节点,没有对它做长宽的css设置。 页面内排版使用像素进行布局。 这种情况下,在1920x1080分辨率,然后缩放比例为 100% 的屏幕上显示正常。 但是,在缩放比例为 150% 的屏幕上布局会错乱。ps. 戴尔电脑出厂推荐(默认)的缩放比例是 150%。 如果手工将缩放比例调整为 100% 是正常的。 新特征建议: 希望 fullScreenContainer 能兼容缩放比例不是 100% 的情况,谢谢!
## Bug report ``` config = { rowNum: 5, data: [ [1], [2], [3] ] } ``` #### 控制台错误输出? ``` caught TypeError: resume is not a function at handleHover (index.js:381)...
* 组件: ScrollBoard * 版本: 1.2.5 * 场景: rowNum:10 但是实际数据只有5条(不足10条都可以) * 错误: ``` Uncaught TypeError: resume is not a function at handleHover (index.js:381) at onMouseEnter (index.js:522) at HTMLUnknownElement.callCallback (react-dom.development.js:188) at...
ts项目无法接入此库
**该PR的类型是?** (至少选择一个) - [ ] Bug修复 - [x] 新特性 - [ ] 新组件 **该PR是否向下兼容?** (选择任一) - [x] 是 - [ ] 否 如果为否,请描述冲突情况: **涉及到的ISSUE:** - [ x ] 该PR如果涉及到某个ISSUE, 请在PR标题中描述出来...
## Feature request #### 这个特性解决了什么问题? 如果不是单纯的数据轮播,想去控制根据滚动的数据和序号配合数据去动态控制轮播的暂停和继续,现在没有这个事件; 比如我是一个websocket 持续推送实时消息的来保证每次有新数据则滚动,如果没有新数据则不滚动,这个场景需要类似监听这个scroll的事件,并暴露pause 和resume的方法 #### 这个特性的实现形式? ` 在 scrollBoard/index 中的 animation 函数中加入这一句代码,task.current里有pause 和 resume if (onScroll) { onScroll({ animationIndex, task }) } ` #### 是否愿意为此特性提交PR?...
## Feature request 当前组件样式标签在页面中的引入位置不可控,导致与其他使用class作为样式控制的库冲突,比如Tailwind CSS的宽高直接设置到Decoration1组件上会被 .decoration1 自身的宽高100%覆盖,必须在Decoration1组件外面再套一层div来设置tailwindcss的class属性 希望能手动控制样式覆盖顺序
表头字体太大了,想变小一点,但没看到哪里有设置表头的文字的font-size的
## Bug report 下面2个问题没有做文档和示例中找到解答,怀疑说bug: 1、当y轴的数据较大时会有很多0,有没有办法控制y轴上数据的展示成*万这样? 2、x轴的数据较多时,能否只显示一部分? 如果可以,该怎么设置?有例子最好, #### 出现Bug的组件? 各个统计图形都会有这里描述的问题 #### 组件配置数据? #### 控制台错误输出? #### 期望情况? 1、y轴的数据很大时,例如100000,可以显示成10万,这样需要的空间就小了,单位可以自己设置 2、x轴数据很多时,建议能只显示部分数据 #### 实际情况? 1、当y轴数据比较大时,UI上会有数据显示不全的情况 2、当x轴数据比较多时,数据会重叠,导致看不清楚数据 #### 其他相关信息 - DataV版本 - data-view-react v1.2.5 -...
我一个页面用两个ScrollBoard,鼠标放到任意一个ScrollBoard的一条数据上,就不停的报这个错误