Comments (2)
You can use calendar levels to achieve that.
There is an example configuration with week but you need to specify chart.time.zoom
property that is higher than day and lower or equal to week zoomTo
property.
Zoom is the way to tell GSTC to change current view for example from hour view to month or week view.
Example week:
{
zoomTo: 22,
period: "day",
main: true,
periodIncrement: 1,
classNames: ["gstc-date-vertical"],
format({ timeStart, className, vido }) {
return vido.html`<div class="${className}-content gstc-date-top">${timeStart.format(
"DD"
)}</div><div class="${className}-content gstc-date-extra-small">${timeStart.format("ddd")}</div>`;
},
},
{
zoomTo: 23,
period: "week",
main: true,
periodIncrement: 1,
format({ timeStart, timeEnd, className, vido }) {
return vido.html`<div class="${className}-content gstc-date-top">${timeStart.format("DD")} - ${timeEnd.format(
"DD"
)}</div><div class="${className}-content gstc-date-small gstc-date-thin">${timeStart.format(
"ddd"
)} - ${timeEnd.format("dd")}</div>`;
},
},
from gantt-schedule-timeline-calendar.
thanks, i keep trying
from gantt-schedule-timeline-calendar.
Related Issues (20)
- The data I returned comes with a specific parameter, can the data border be dashed HOT 1
- Select a certain piece of data and click on split to see if it can be split into two parts HOT 2
- Split a progress bar into two progress bars HOT 1
- Updated chart items, how to update the view HOT 3
- 3.33.16 move out stacking items not update row height HOT 11
- Scroll multiplier doesn't work with float numbers and looks laggy HOT 5
- Unhandled typeerror out of nowhere reading 'dataIndex' HOT 2
- when the start date and end date is same the progress bar is not visible HOT 5
- Connection error HOT 1
- How to scroll to position vertically in coding?
- How to change the current column width by dragging the date cell like excel?
- Issue with Rendering Component After Upgrading GSTC to Latest Version HOT 2
- How to entegrate this plugin features to my .net core mvc html page ?
- How to disable selection for scrolling by grid drag on touch devices? HOT 4
- error is here HOT 1
- How to use gantt-schedule-timeline-calendar in a redux application? HOT 2
- Time bookmarks are not rendered correctly when mounting multiple components HOT 2
- Does it support multiple languages HOT 1
- Distribution size is too big HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gantt-schedule-timeline-calendar.