All Questions
Tagged with gantt-chart d3.js
22
questions
0
votes
0
answers
76
views
Problems in rendering Gantt Chart in angular 15 using d3
Trying to implement gantt chart using d3 in angular 15, the problem with the rendering. The data flow is correct, SVG and rectangles are created with my dummy data.
private data = [
{ task: 'Task ...
0
votes
1
answer
180
views
D3.js Gantt Chart Vertical Scrolling with Accurate Zooming
const WIDTH = 1180;
const HEIGHT = 820;
const START_DATE = new Date(2023, 0, 1);
const END_DATE = new Date(2023, 11, 31);
const BLOCK_HEIGHT = 20;
const ...
2
votes
1
answer
361
views
D3js Gantt Chart compatible for D3.4
I'm following this example 3 and it depends on gantt-chart lib, but apparently it's not compatible with version d3v4 and there are errors with the axis. So I found this ported to d3v4 and manually ...
0
votes
1
answer
56
views
Javascript makes new Element in Array appear in different index after arr.push (not in arr.length index as expected)
I have an Array which is named tasks.
There I have many tasks stored in.
Example:
[
{
"id": "2",
"taskName": "dswrs",
"startDate": "...
0
votes
0
answers
298
views
Get d3 scales to update dynamically according to joined data?
In the code example below (visible in this CodeSandbox) I am rendering the original event data more or less as I wish, but recalculating all coordinates and scales for every change.
The aim of this ...
1
vote
0
answers
169
views
Displaying more data on d3 gantt chart rectangle do not show
Problem : Hi, Thanks in advance. I am working on the gantt chart in d3.I have a created an sandbox d3 gantt chart for the same. My project work fine with 100 or 200 records but don't work for bulk ...
2
votes
1
answer
4k
views
d3js gantt chart with date/time scale at the top and current day blue line
I am working on a d3js gantt chart - and I want to enhance this chart code so that it can incorporate a date/time scale at the top that morphs on view -- and also add a blue line that indicates the ...
1
vote
1
answer
403
views
D3 X-axis to start on earliest date, currently starts on nearest whole week date
I'm making this gantt chart with D3 with month/day as the x-axis. Currently, the earliest date in my data-set is 9/11/2018, but D3 is displaying 9/16 (sunday) as the first labeled tick mark. What I ...
1
vote
1
answer
322
views
Appending a Line between a start and end date
Basically I am using D3 to create a chart based off a gantt. I have a .json file which contains my data and was able to create my x-y scales displaying the appropriate information. This issue I am ...
1
vote
1
answer
5k
views
Any example for gantt chart using d3.js in react.js either with d3.js or react.js approach?
I want to build gantt chart using d3.js in my react.js app. But both manipulate DOM. So,there are 3 ways https://frontendcharts.com/react-d3-integrate/ to go with this. I will like to go with first ...
2
votes
1
answer
584
views
Add y-axis gridlines to D3 Gantt chart
What's the best way of adding horizontal gridlines to a d3 gantt chart like in this example? I was originally thinking of making an axis and making the tick marks the length of the chart (as in this ...
2
votes
1
answer
1k
views
D3 does not support property gantt()
I'm trying to add a gantt chart to my application. Started with the simple examples I've seen in the D3 site. When I try something like this:
let gantt = d3.gantt().taskTypes(this.taskNames)....
0
votes
1
answer
603
views
How to get dynamic months range on axis in d3.js?
I am working on gantt chart in d3.js , i want to display 18 months on X-Axis which includes Past 6 months and Future 11 months, 18 months in total. By using following code i am getting months on X-...
0
votes
1
answer
4k
views
Gantt Chart react-d3
This question is related to Gantt chart with D3
I see that a pretty close implementation is available for AngularJS at https://www.angular-gantt.com/demo/
Is there an equivalent in React?
I've ...
1
vote
1
answer
82
views
Mouseevent div cover div on chart
I have a gantt chart in d3.js gantt chart. I use a scroll and zoom gantt chart: http://codepen.io/Pau/pen/FKzEa
But I have problem. This is my modification: http://codepen.io/anon/pen/pgVdgm I want ...