Kubau
Posts: 4
Joined: Tue May 17, 2022 8:28 am

Dependency make triangles instead of links

Tue May 17, 2022 9:08 am

Hello,
I work with an internal framework and I met some problems in my gantt project, my dependency make triangles instead of links. I just copy and paste your code from the "Dependencies between tasks#" and add navigation. I just want to know if the probleme is from my internal framework or if I just did something wrong. Thanks a lot (Sorry for my english I am french :D )

Here is my code

Code: Select all

series: series,
        title: {
            text: 'Gantt qui marche'
        },
        tooltip: {
            pointFormat: '<span>Emprunté par : {point.rentedTo}</span><br/><span>Du: {point.start:%e. %b}</span><br/><span>Au: {point.end:%e. %b}</span>'
        },
        chart: {
            spacingLeft: 1,
            spacingRight: 1
        },
        plotOptions: {
            series: {
                animation: false,// Do not animate dependency connectors
                showInNavigator: true,
                connectors: {
                    lineWidth: 1,                    
                },
                dataLabels: {
                    enabled: true,
                    format: '{point.name}',
                    style: {
                        cursor: 'default',
                        pointerEvents: 'none'
                    }
                }
            }
        },
        xAxis: {
            min: today.getTime() - (32 * day),
            max: today.getTime() + (32 * day)
        },
        tooltip: {
            xDateFormat: '%a %b %d, %H:%M'
        },
        navigator: {
            enabled: true,
            liveRedraw: true,
            series: {
                type: 'gantt',
                pointPlacement: 0.5,
                pointPadding: 0.25,
                accessibility: {
                    enabled: false
                }
            },
            yAxis: {
                min: 0,
                max: 3,
                categories: []
            }
        },
        scrollbar: {
            enabled: true
        },
        rangeSelector: {
            enabled: true,
            selected: 0
        },
        lang: {
            accessibility: {
                axis: {
                    xAxisDescriptionPlural: 'The chart has a two-part X axis showing time in both week numbers and days.'
                }
            }
        },
        series: [{
            name: 'Project 1',
            data: [{
                id: 'start',
                name: 'Start prototype',
                start: Date.UTC(2022, 4, 18),
                end: Date.UTC(2022, 4, 20)
            }, {
                id: 'dev',
                name: 'Develop',
                start: Date.UTC(2022, 4, 20),
                end: Date.UTC(2022, 4, 25),
                dependency: 'start'
            }, {
                id: 'run',
                name: 'Run acceptance tests',
                start: Date.UTC(2022, 4, 23),
                end: Date.UTC(2022, 4, 26)
            }, {
                name: 'Test prototype',
                start: Date.UTC(2022, 4, 27),
                end: Date.UTC(2022, 4, 29),
                dependency: ['dev', 'run']
            }]
        }]

mateusz.b
Posts: 2007
Joined: Tue Jul 13, 2021 11:34 am

Re: Dependency make triangles instead of links

Tue May 17, 2022 9:36 am

Hi Kubau,

Welcome to our forum and thanks for contacting us with your question!

I tried to create a demo based on your code but everything seems to work correctly:
https://jsfiddle.net/BlackLabel/kmt2wy61/

Could you provide me with a screen showing how does it look like on your side?

Regards!
Mateusz Bernacik
Highcharts Developer

Kubau
Posts: 4
Joined: Tue May 17, 2022 8:28 am

Re: Dependency make triangles instead of links

Tue May 17, 2022 11:54 am

Hi Mateusz.b

Thank you for answering me so quickly,
I think the probleme is from my intern framework.

Thank you again and "Bisous de la france"

Image
Attachments
triangle.PNG
triangle.PNG (12.84 KiB) Viewed 185 times

mateusz.b
Posts: 2007
Joined: Tue Jul 13, 2021 11:34 am

Re: Dependency make triangles instead of links

Tue May 17, 2022 4:23 pm

Kubau,

Indeed, I think that something can be wrong on your side. Unfortunately I can't really help without a live demo with the issue. I hope you will get it fixed soon.

In case of any questions feel free to contact me anytime.

Regards!
Mateusz Bernacik
Highcharts Developer

Kubau
Posts: 4
Joined: Tue May 17, 2022 8:28 am

Module in ES5

Tue May 24, 2022 7:29 am

Hello,
I saw something interesting on your website about the module. It says "module with ES6" does that mean we can't use module with ES 5.

Thank you

Have a nice day

mateusz.b
Posts: 2007
Joined: Tue Jul 13, 2021 11:34 am

Re: Dependency make triangles instead of links

Tue May 24, 2022 4:14 pm

Hi Kubau,

Please take a look at these docs: https://github.com/highcharts/highchart ... njs-module

As you can read:
Highcharts is using an UMD module pattern, as a result it has support for CommonJS. The following examples presumes you are using npm to install Highcharts, see Download and install Highcharts for more details.
It means that you might need to use require keyword instead of import, like in the example in the docs, but in general it should work without any issues with ES5.

Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Gantt”