Gantt-chart | 使用Vue或者react做的数据控制的Gantt图表

I have a dataframe that looks like this.

I am using amCharts4 and is able to plot a vertical line on my Gantt chart representing the current date time as described in the following : Draw a vertical line representing the current date in amcharts gantt chart?. However, how do I make the vertical line move every sec on the chart based on the current time? Here is the code :

I borrowed example data from another post and modified to suit my situation. (Add shading to a gantt chart to delineate weekends)

My issue with plotting a Gantt chart is that my data includes multiple periods within the category. In the below sample, I added two more periods for "Write introduction" and one more for "Write results".

Also, I want to colour specific periods that meet the criteria. Here, if any portion of a period falls in either May or August, I flagged it.

It seems having up to two periods in one category works fine. But when there are three periods, they become merged into a single period?!

My real dataset is much more complicated with one category sometimes having more than 10 periods, with very defined criteria for flagging.

I'm not sure how I could address this issue.

this is the first time in months that i touch QML again (im mainly a C++ backend/alogrithm developer) to write a small frontend for some sort of scheduling algorithm

• i have a good understanding of the QML model/property/item system and javascript interaction
• im in love with the QML feature beeing able to build a working/living frontend without even touching C++ :)
• im feeling nearly helpless when it comes to all the possible solutions in combining deeply nested rectangles/listviews/scrollviews and all the (latend) changes from quick 1 to quick 2

this is my dirty QtQuick 1.1 prototype of the chart - to get an idea what i want to reach

• main.qml: https://pastebin.com/ZURZbVeB
• TaskSimulation.qml: https://pastebin.com/LwivsCnT

• on the left is a list with task names
• to the right are the typical gantt chart ranges showing the tasks activity
• the green line is a time-axis that gets triggered by the simulation
• the sample contains a timer based simulation with a fixed amount of tasks simulating (infinite) activity

schema of/requirements the gantt-chart:

• the task-names can be bigger than 150 - then a bottom hscrollbar should appear for the names
• the ranges can be bigger then than 400 - then a bottom hscrollbar should appear for the ranges
• the vscrollbar on the right should appear when tasks hight > 500, should scroll the task-names and ranges together
• vertical scrolling should work with mousewheel
• no bouncing

and this is my current clean mini test for getting everything ready

my rainbows.gml

I can't seem to find a way to convert the repeat-linear-gradient to a base64 image format.

I am making a Gantt chart in Jupyter notebook using Altair, as described here.

How can I assign specific bar colors to each task? Thanks for any help.

Pandas, altair, and vega are installed. Using Windows 10, Python 3.7.6, Conda 4.6.14.

Here is some data I will use to demonstrate my question. This is a question branching from one of my old questions found here.

Alright so to start, I am implementing this code:

I'm trying to create a bar chart showing Cost of Living indexed to the U.S. value (100) in the Highcharter package in R. So I want the bars the start at 100 and either extend to the right or the left of 100. I have the basic bar chart down, but I can't figure out how to move the center line of the chart to 100. I'm trying to get it to look something like this: http://drawingwithnumbers.artisart.org/moving-the-center-line-of-a-bar-chart-with-a-gantt-chart/

Here's the data I'm working with:

I have a compiled a dataframe that contains USGS streamflow data at several different streamgages. Now I want to create a Gantt chart similar to this. Currently, my data has columns as site names and a date index as rows.

Here is a sample of my data.

The problem with the Gantt chart example I linked is that my data has gaps between the start and end dates that would normally define the horizontal time-lines. Many of the examples I found only account for the start and end date, but not missing values that may be in between. How do I account for the gaps where there is no data (blanks or nan in those slots for values) for some of the sites?

First, I have a plot that shows where the missing data is.