如何在highcharts中添加第二个系列[重复]

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);
            }
        );