Question

为了绘制传感器偏差测试的结果，我必须按时间顺序对数据点进行排序（测试返回它们的顺序）。

因此数据点的顺序对工程师来说很重要。该图表看起来与工程师想要的完全一样。但是，似乎按此顺序放置数据点会破坏工具提示机制。

我做错了吗？这是一个错误吗？有没有办法绘制这样的图表并能够看到工具提示？

以下是jsfiddle中的图表。

这是我的图表代码：

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'spline',
                width: 760,
                height: 628,
                style: {
                    margin: '0 auto'
                }
            },
            title: {
                text: 'Transducer Deviation (%FSO)'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                title: {
                    enabled: true,
                    text: 'PSIA'
                },
                showLastLabel: true,
                },
            yAxis: {
                max:.15,
                min:-.15,
                title: {
                    text: 'Temperature'
                },
                lineWidth: 2,
                tickInterval: 0.03,
                plotLines:[{
                    color: '#ff0000',
                    width: 2,
                    value: 0.1
                },{
                    color: '#ff0000',
                    width: 2,
                    value: -0.1
                }]
            },
            legend: {
                enabled: true
            },

            tooltip: {
                formatter: function() {
                    return ''+
                        "<b>"+this.series.name + ":</b> " + this.x +'°, '+ this.y + " PSIA" ;
                }
            },
            plotOptions: {
                spline: {
                    marker: {
                        enable: false
                    }
                }
            },
            series: [{
                        name:'TEMP7 = 75.00',
                        data: [[0.009558,0.067672],[1.499949,0.026805],[3.000044,0.065205],[4.499968,0.092226],[6.000035,0.112667],[7.500029,0.112462],[8.999997,0.097762],[10.500043,0.084260],[11.999973,0.045674],[13.500054,-0.002144],[14.999980,-0.071104],
                            [13.500024,-0.056812],[11.999940,-0.032214],[10.499979,-0.035400],[9.000065,-0.038020],[7.500023,-0.047703],[6.000001,-0.057745],[4.499986,-0.071516],[3.000016,-0.100930],[1.500019,-0.127485],[0.009707,-0.063658]
                            ]
                    }]
        });
    });

});

Answer 1

数据需要通过x升序进行排序，因此在您的情况下，您需要使用两个单独的系列或正确排序数据。

Answer 2

我建议使用时间戳作为x值，并将所需的数值数据作为额外变量添加到数据点。

通过这种方式，您可以正确排序数据，还可以在工具提示中显示所需的数据。

要了解如何提供和显示额外变量，请参阅旧的example：

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

当我按时间顺序对数据点进行排序时，工具提示会中断

2 个答案: