Task progress disabling

glow27

hi, is it possible to remove task progress completely or at least disable it?

tasha

Hello glow27

If you mean to remove progress from the editor you can use defaultEditorShape and editorShape property to filter out the progress by key and set the editor shape you need: editorShape={editorShape}
And also you can remove progress property from the objects in the data array.

Please check the example: https://stackblitz.com/edit/vitejs-vite-nkmprj5z?file=src%2FGanttComponent.jsx

glow27

no, i meant the chart, removing from the task bar

tasha

As I said above you can remove progress property from the objects in the data array (and the progress will not be shown):

const tasks = [
  {
    id: 1,
    start: new Date(2024, 3, 2),
    end: new Date(2024, 3, 17),
    text: 'Project planning',
    // progress: 30,
    parent: 0,
    type: 'summary',
    open: true,
    details: "Outline the project's scope and resources.",
  },
  {
    id: 10,
    start: new Date(2024, 3, 2),
    end: new Date(2024, 3, 5),
    text: 'Marketing analysis',
    // progress: 100,
    parent: 1,
    type: 'task',
    details: 'Analyze market trends and competitors.',
  }
]

Please follow the example: https://stackblitz.com/edit/vitejs-vite-nkmprj5z?file=src%2Fdata.js,src%2FGanttComponent.jsx

glow27

https://jmp.sh/s/SCNgt53bwoHRzRzABlOg

i mean, the progress marker on the task bar, i mean to remove possibility to change and show progress

the div's with wx-progress-markerand wx-progress-wrapperclasses

tasha

To disable the progress marker on the task bar you can ,for example, intercept the update-task action and set the first state of the progress while updating it:

 const init = (api) => {
    api.intercept('update-task', (data) => {
      let firstProgressState = firstState.find((t) => t.id === data.id);
      data.task.progress = firstProgressState.progress;
    });
  };

Please check the example: https://stackblitz.com/edit/vitejs-vite-nkmprj5z?file=src%2FGanttComponent.jsx

Or if you want to disable the progress only on the task bar but not in the editor you can do it with the help of css:

.demo .wx-progress-marker {
  pointer-events: none;
}

Please check the example: https://stackblitz.com/edit/vitejs-vite-is3vb6dr?file=src%2FGanttComponent.jsx,src%2Findex.css