VisActor / VisActor/VTable

[Question] 甘特图自定义渲染用法,图形位置无法自定义

Open
#2,958 1 comment 0 reactions 1 assignee View on GitHub

@fangsmile is already working on this.

Since Nov 29, 2024.

question
Dominant language
TypeScript
Stars
3.7k
Forks
486
Avg merge
1d 19h
Merged PRs (30d)
16

Description

Version

1.11.1

Link to Minimal Reproduction

https://www.visactor.io/vtable/demo/gantt/gantt-customLayout

Steps to Reproduce

例子demo:
https://www.visactor.io/vtable/demo/gantt/gantt-customLayout
if (width >= 120) {
const containerRight = new VTableGantt.VRender.Group({
cornerRadius: 20,
fill: 'white',
height: 30,
width: 30,
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center', // 垂直方向居中对齐
boundsPadding: [15, 0, 0, 0]
});
container.add(containerRight);

    小的圆形,设置宽高后,位置无法精细调整。

我想做两个相同的圆形,左右对称,有自定义的文字,结果是自定义右侧的圆形,布局难更改。
请修改下这个布局设置问题。
或者麻烦讲下,解决方案也可哈

Current Behavior

我想在一个任务中做两个相同的圆形,左右对称,有自定义的文字,结果是自定义右侧的圆形,布局难更改。

Expected Behavior

最起码实现,一个任务有两个相同的圆形,位置对称,任务条高度可调。

Environment
- OS:Linux
- Browser:Chrome
- Framework:vue3
Any additional comments?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.