如何在高图表中添加第二个系列

Question

我一直试图在highcharts中显示我的json文件的第二个值两天。

我的json文件：

[[1591518187000,17.3,12.7],[1591518135000,17.2,12.7]...[1591518074000,17.2,12.6],[1591518020000,17.2,12.7]]

时间和第一个值正确显示。

我的PHP文件中的脚本：

<script type="text/javascript">
     var chart;
        function requestData() {
        $.getJSON('../****json.php', 
            function (data) {
                var series = chart.series[0];
                series.setData(data);
            }
        );
    }
    (document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'line',
                marginRight: 10,
                marginBottom: 25,
                events: { load: requestData }
            },
       .....
                series: [{
                name: 'Temperatur',
                data: []

                },
                {
                name: "Taupunkt",
                    data: []
      ......    
</script>

有人碰巧将第二个值绘制为一条线吗？

Answer 1

您可以处理数据并为两个系列建立两个数据集。两个数据集将具有相同的x值，但具有不同的y值。代码可能看起来像这样：

        $.getJSON('../****json.php', 
            function (data) {
                var dataSetOne = [],
                    dataSetTwo = [];
                data.forEach(function(point) {
                    dataSetOne.push([point[0], point[1]);
                    dataSetTwo.push([point[0], point[2]);
                });
                chart.series[0].setData(dataSetOne);
                chart.series[1].setData(dataSetTwo);
            }
        );