React Gantt - stripLines
Strip lines allows you to highlight certain time or time intervals in the chart. Use the start property to specify an individual line or combine it with the end property setting to specify a time interval.
App.js
- import React from 'react';
- import 'devextreme/dist/css/dx.light.css';
- import 'devexpress-gantt/dist/dx-gantt.css';
- import Gantt, {
- // ...
- } from 'devextreme-react/gantt';
- const App = () => {
- return (
- <Gantt>
- <StripLine start={tasks[0].start} title="Start" />
- <StripLine start={tasks[tasks.length - 3].start} end={tasks[tasks.length - 1].end} title="Final Phase" />
- <StripLine start={currentDate} title="Current Time" cssClass="current-time" />
- {/* ... */}
- </Gantt>
- );
- };
- export default App;
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.