Discussion :

[kevin254kl]

Hello à tous,

Je suis sur un projet legacy avec jquery, prototype.js et highcharts
Le problème c'est que je suis une partie du projet ou dès que j'initialise highcharts.
J'ai testé tous que j'ai pu trouver avec jquery des onload ...
J'ai d'autres pages ou c'est nickel.

Pourriez vous m'aider ou m'aiguiller pour trouver une solution svp ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
prototype.js:1 Uncaught TypeError: this.each is not a function
    at HTMLCollection.collect (prototype.js:1:10990)
    at a0.getContainerBox (highcharts.js:9:205387)
    at a0.getChartSize (highcharts.js:9:205718)
    at a0.getContainer (highcharts.js:9:206909)
    at a0.firstRender (highcharts.js:9:215377)
    at a0.<anonymous> (highcharts.js:9:199505)
    at U (highcharts.js:9:2580)
    at a0.init (highcharts.js:9:198727)
    at new a0 (highcharts.js:9:198437)
    at T.jQuery.T.jQuery.fn.highcharts (highcharts.js:9:2818)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
jQuery(function () {
 
    jQuery('#charts').highcharts({
 
        chart: {
            type: 'column',
            height: '400'
        },
 
        title: {
            text: ''
        },
 
        xAxis: {
            categories: ["<?=implode('","',$xName)?>"]
        },
 
        yAxis: {
        	type: "logarithmic"
        },
 
        tooltip: {
            formatter: function () {
                return '<b>' + this.x + '</b><br/>' +
                    this.series.name + ': ' + this.y + '<br/>' +
                    'Total: ' + this.point.stackTotal;
            }
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: "black",
                    style: {
                        textShadow: '0px black'
                    }
                }
            }
        },
        series: [{
			type: 'column',
            name: 'Inscriptions',
            data: [<?=implode(',',$inscriptions['normales'])?>],
            stack: 'Normale',
            color: "#4DB2FF"
        },
        {
			type: 'column',        	
            name: 'Inscriptions avec documents',
            data: [<?=implode(',',$inscriptions['normalesMails'])?>],
            stack: 'Normale',
            color: "#48FF78"  
        },      
        {
			type: 'column',        	
            name: 'Inscriptions probatoire',
            data: [<?=implode(',',$inscriptions['probatoires'])?>],
            stack: 'Probatoire',
            color: "#ACDBFF"
        },
        {
			type: 'column',        	
            name: 'Probatoires avec documents',
            data: [<?=implode(',',$inscriptions['probatoiresMails'])?>],
            stack: 'Probatoire',
            color: "#B9FFCB"  
        }]
    });

[kevin254kl]

Le noconflict n'était pas chargé à cause d'un condition

[NoSmoking]

Bonjour,

Je suis sur un projet legacy avec jquery, prototype.js et highcharts

mais pourquoi diable utiliser prototype.js, on peut facilement se passer de jQuery mais encore plus de prototype.js. Cela n'a jamais été une bonne chose que d'utiliser en même temps deux bibliothèques sauf cas très particulier ce qui est peut être justement ton cas !