0

我在工具提示中添加 unix 时间戳作为额外点时遇到问题。我的代码没有显示图表。帮助!这是我的代码的一部分:

我的数据数组: $data[] = "[x:$valDE,y:$valDN,z:$datetime]";

还有我的 javascript:

    var <?php echo $chart ?> = new Highcharts.Chart({
        chart: {
            type: 'scatter',
            renderTo: '<?php echo $container ?>',
            zoomType: '',
            marginLeft: 50,
            borderWidth: 1
        },
        title: {
            text: '<?php echo "$gps $location"; ?>',
            style: {
                fontSize: '<?php echo $sizeTitle ?>'
            }
        },
        subtitle: {
            text: 'Data is average pr. day - viewing <?php if($range == "All"){echo "ALL DATA";}else if($range == "1 YEAR"){echo "LAST YEAR";}else{ echo "last ".$range;} ?>',
            style: {
                fontSize: '<?php echo $sizeSubTitle ?>'
            }
        },
        xAxis: {
            title: {
                enabled: true,
                text: 'EW',
                align: 'high'
            },
            min:-<?php echo $maxAxis ?>,
            max:<?php echo $maxAxis ?>,
            offset: <?php echo $offSetX ?>,
            tickInterval: <?php echo $tickInterval ?>
        },
        yAxis: {
            title: {
                text: 'NS',
                align: 'high'
            },
            min:-<?php echo $maxAxis ?>,
            max:<?php echo $maxAxis ?>,
            offset:<?php echo $offSetY ?>,
            lineWidth:1,
            tickInterval: <?php echo $tickInterval ?>
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: <?php echo $legendX ?>,
            y: <?php echo $legendY ?>,
            floating: true,
            backgroundColor: '#FFFFFF',
            borderWidth: 1,
            itemStyle: {
                fontSize: '<?php echo $legendSize ?>'
            }
        },
        plotOptions: {
            scatter: {
                marker: {
                    radius: <?php echo $lineWidth ?>,
                    states: {
                        hover: {
                            enabled: false,
                            lineColor: 'rgb(100,100,100)'
                        }
                    },
                    symbol: "circle"
                },
                states: {
                    hover: {
                        marker: {
                            enabled: false
                        }
                    }
                },
                tooltip: {
                    headerFormat: '<b>{series.name}</b><br>',
                    pointFormat: 'EW: {this.x} mm<br>NS: {this.y} mm<br>Date: {this.point.z}'
                }
            }
        },
        series: [{
            color: '#990000',
            name: '<?php echo $legFive ?>',
            data:[<?php echo join(${$da}, ',') ?>]
        },{
            color: '#ff0000',
            name: '<?php echo $legFour ?>',
            data:[<?php echo join(${$da4}, ',') ?>]
        },{
            color: '#ffcc33',
            name: '<?php echo $legThree ?>',
            data:[<?php echo join(${$da3}, ',') ?>]
        },{
            color: '#66ff66',
            name: '<?php echo $legTwo ?>',
            data:[<?php echo join(${$da2}, ',') ?>]
        },{
            color: '#3300ff',
            name: 'Last',
            data:[<?php echo join(${$da1}, ',') ?>]
        }]
    });
    <?php }//for ?>
});

4

2 回答 2

1

请参阅此示例以了解如何进行:

http://jsfiddle.net/jlbriggs/fbMQf/

您需要将数据作为具有键-> 值对的对象提供,并在格式化程序中相应地调用。

see fiddle for code
于 2013-06-18T13:08:26.440 回答
0

UNIX 时间戳应乘以 1000,并按 x 升序排序。您能否附上您的示例系列数据:“echo join(${$da1}, ',')”?

于 2013-06-18T11:41:19.923 回答