xiaopujun

- 项目地址：https://github.com/xiaopujun/light-chaser - 类别：JS - 项目标题：light chaser 一个简单易用且高效的数据可视化设计器，轻松完成web端的数据可视化及事件交互 - 项目描述：国内有不少开源的数据可视化编辑器，但基于React实现的却不多，内置蓝图交互的则更少。light chaser正是一款基于React技术栈实现的web端数据可视化设计工具。它操作简单，足够使用，也足够好用。通过它你可以简单高效的完成数据可视化相关的应用场景，比如大屏数据可视化，数据看板，数据分析等 - 亮点： 【高性能】：可承载几百复杂组件操作不卡顿，上千复杂图表组件操作不崩溃 【高扩展】：扩展自定义组件极其简单，与写普通React组件无异。支持class组件、hook组件和纯js组件 【易交互】：得益于自带的蓝图事件编辑器，组件间事件交互仅通过在蓝图节点间建立连接线即可完成 - 截图：   - 后续更新计划： 1. 持续优化设计器的性能和交互体验 2. 实现多数据源交互，提供包括多数据库、Excel、API接口等多种数据场景的支持 3. 继续深挖设计器的扩展性，提供脚手架完成组件的接入，让自定义组件和二次开发更简单

- 项目地址：https://github.com/xiaopujun/light-chaser - 类别：JS - 项目标题：light chaser 一个简单易用且高效的数据可视化设计器，轻松完成web端的数据可视化及事件交互 - 项目描述：国内有不少开源的数据可视化编辑器，但基于React实现的却不多，内置蓝图交互的则更少。light chaser正是一款基于React技术栈实现的web端数据可视化设计工具。它操作简单，足够使用，也足够好用。通过它你可以简单高效的完成数据可视化相关的应用场景，比如大屏数据可视化，数据看板，数据分析等 - 亮点： 【高性能】：可承载几百复杂组件操作不卡顿，上千复杂图表组件操作不崩溃 【高扩展】：扩展自定义组件极其简单，与写普通React组件无异。支持class组件、hook组件和纯js组件 【易交互】：得益于自带的蓝图事件编辑器，组件间事件交互仅通过在蓝图节点间建立连接线即可完成 - 截图：   - 后续更新计划： 1. 持续优化设计器的性能和交互体验 2. 实现多数据源交互，提供包括多数据库、Excel、API接口等多种数据场景的支持 3. 继续深挖设计器的扩展性，提供脚手架完成组件的接入，让自定义组件和二次开发更简单

基础面积图，在我设置了aufoFit:true属性，同时设置了width、height属性的场景下，1s后我将autoFit变更为false，调用组件实例的update方法更新图表状态，此时它能正常工作，将图表渲染为指定宽高的效果。随后再1s后，将aufoFit变更为ture，此时它不在自动适应尺寸，而是始终保持固定宽高 问题可在官方示例上稳定复现： 如下为复现代码，在https://g2plot.antv.antgroup.com/examples/area/basic#basic 中粘贴下方代码可以看到问题现象 ```ts import { Area } from '@antv/g2plot'; let area = null; fetch('https://gw.alipayobjects.com/os/bmw-prod/360c3eae-0c73-46f0-a982-4746a6095010.json') .then((res) => res.json()) .then((data) => { area = new Area('container', { data, xField: 'timePeriod',...

- 项目地址：https://github.com/xiaopujun/light-chaser - 类别：JS - 项目标题：light chaser 一个简单易用且高效的数据可视化设计器，轻松完成web端的数据可视化及事件交互 - 项目描述：国内有不少开源的数据可视化编辑器，但基于React实现的却不多，内置蓝图交互的则更少。light chaser正是一款基于React技术栈实现的web端数据可视化设计工具。它操作简单，足够使用，也足够好用。通过它你可以简单高效的完成数据可视化相关的应用场景，比如大屏数据可视化，数据看板，数据分析等 - 亮点： 【高性能】：可承载几百复杂组件操作不卡顿，上千复杂图表组件操作不崩溃 【高扩展】：扩展自定义组件极其简单，与写普通React组件无异。支持class组件、hook组件和纯js组件 【易交互】：得益于自带的蓝图事件编辑器，组件间事件交互仅通过在蓝图节点间建立连接线即可完成 - 截图：   - 后续更新计划： 1. 持续优化设计器的性能和交互体验 2. 实现多数据源交互，提供包括多数据库、Excel、API接口等多种数据场景的支持 3. 继续深挖设计器的扩展性，提供脚手架完成组件的接入，让自定义组件和二次开发更简单

When the value passed in props changes, the content of the editor does not change

4

Hi, thanks for packaging this library and making changes to monaco easier to use! I used @monaco-editor/react: 4.2.1 When I change the value of the value property from editor and...

Elements are misaligned with the scale after scaling of the canvas

2

## Environments * Framework name:node16.10、react17 * Framework version: * Component name: React Ruler * Component version: * Testable Address(optional): ## Description  

How to scale a Ruler component centered on the mouse pointer position

1

## Environments * Framework name: react, nodejs * Framework version: * Component name: Ruler * Component version:^0.12.2 * Testable Address(optional): ## Description I perfected my designer with the Ruler component,...

如您需要为项目贡献代码，请遵守以下原则。 1. 请以develop分支为基准拉取并修改代码 2. 提交PR合并的目标分支为develop分支 3. master分支为主干分支，受到保护，非修复紧急bug，请不要直接提交PR合并到master 4. 所有的PR作者会在review后进行操作，如无问题，则直接合并develop分支，如需继续修改，会合并到临时分支，处理完毕后合并到develop分支。最终合并到master主干。 5. 如果您的PR仅是细微调整或者修复细小bug等问题，您可以直接提交PR。作者会仔细审核 6. 如果您需要为项目增加一些具体的新特性，或对代码结构进行较大调整，请提前与作者沟通，达成一致后再做实现，避免PR内容与项目预期的计划不符造成您时间上的多余消耗

🤔 [QUESTION] 水波图调用changeData时，水波图动画有概率会停止

1

问题现象：  渲染回波图后调用changeData方法更新水波图数据，会导致水波图的波浪动画停止。官方示例可复现. 经过多次测试发现，当changeData执行的比较频繁时容易出现该问题，但不是每次都能复现 ```javascript import { Liquid } from '@antv/g2plot'; const liquidPlot = new Liquid('container', { percent: 0.25, outline: { border: 4, distance: 8, }, wave: { length: 128,...