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

Dependency make triangles instead of links

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: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Dependency make triangles instead of links

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

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 894 times
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Dependency make triangles instead of links

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

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: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Dependency make triangles instead of links

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”