Exported from Notepad++

    <script type="text/javascript">
$(function() {

    $.getJSON('data2.php', function(data) {    // on récupère les data du json.

        // on créer le graphe dans la div id : container4
        $('#container4').highcharts({


            title : {
                text : 'temperatures'
            },
            
        tooltip: {
            shared: true
        },
        
        yAxis: [{ // Premier yAxis

            title: {
                text: 'temperature',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            min : 15,
            max : 35,
            tooltip: {
                valueSuffix: ' °C'
            },  
                    
            labels: {
                format: '{value} °C',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            }

        }, { // Second yAxis

            title: {
                text: 'temperature',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            min : 15,
            max : 35,
            tooltip: {
                valueSuffix: '°C',
            },
            opposite: true,
            labels: {
                format: '{value} °C',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            }

        }],
            // le xAxis
                xAxis: {
                    categories: data[0]['data']    //correspond au 1er groupe de donnée du json créer par data.php (dateandtime pointchaud)
                },


                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -100,
                    y: 0,
                    floating: true,
                    borderWidth: 0
                },
                
            series: [{
                type: 'spline',
                name: 'pointchaud',
                yAxis: 0,
                tooltip: {
                valueSuffix: ' °C'
            },              
                data: data[1].data     //correspond au 2 ème groupe de donnée du json créer par data.php (température pointchaud)
            }, {
                type: 'spline',
                name: 'pointfroid',
                yAxis: 1,
                tooltip: {
                valueSuffix: ' °C'
            },
                data: data[4].data     //correspond au 5 ème groupe de donnée du json créer par data.php (température pointfroid)
            }]
    });
   });
});
        </script>

    
    
    <div id="container4"></div>  
    