GanttChart | A Gantt Chart control for the Windows Forms framework | Chart library

I have two simple vue components and want to use one in the default slot of the other. For some reason it takes only the first element but does not show anything after that. If I put standard before this first element it will show up normal, but if I place if after it will also not be displayed.

The page:

There is one nice looking Gantt chart available with example for Asp.net. However I am having hard times to understand how it can be done in Blazor with razor pages. Can somebody give me some hints how to proceed?

I have placed jsgantt.js and jsgantt.css into wwwroot and also added references in index.html.

But then how to handle that part? Also I guess data should better come from json?

This must be logical equation to solve, but I can't understand the solution. I have an example that is working. However in real world scenario I am getting data from linq query. How to receive data from linq query to correspond the example?

Here is an example:

I am using Gantt Charts from Google Developers and I am attempting to generate the chart using data from Database instead of hardcoded data.

The chart structure is: Task ID, Task Name, End Date, Duration, Percent Complete, Dependency in order to display data. (example- https://developers.google.com/chart/interactive/docs/gallery/ganttchart#data-format)

My code is as followings:

My controller JSON method that populates the Gantt is below:

I'm using Highcharts Gantt to display my data. But I've stacked with one problem: I cannot rotate X-Axis labels. Sometime I have to display long time period on the small screen and it looks like on this pic:

It's almost 4 year on this pic and some moths are missed. The best solution (in my opinion) is to rotate labels. I've tried this: xAxis: { labels: { rotation: 90 } }, but it seems that this not working for Gantt. The full working example is here: (code copied from Highchart documentation)

I am using a high chart (Gantt Chart)in my application below are the code

Highchart scroll problem

When I scroll using the in built scroll bar of highcharts, some of the data is not being shown in the highcharts table, but when I scroll again, the data is shown and some other data is omitted out.

The code that I have used is given below for reference

code:-

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 have macro for copying data from one sheet GanttChart to another TableForOL. When TableForOL is active below macro can't be run: