Highcharts不会呈现从Flask-socketio收到的值

Question

        var myChart = Highcharts.chart('containerX', {

        chart: {
          type: 'spline',
          animation: Highcharts.svg, // don't animate in old IE
          marginRight: 10,
          events: {
              load: function () {

                  var socket = io.connect('http://' + document.domain + ':' + location.port + '/test');
                  var series = this.series[0]

                  var numbers_received = []
                  socket.on('newnumber', function(msg) {



                        var x = (new Date()).getTime() // current time
                        var y = msg.number

                        series.addPoint([x, y], true, true);
                  });                  
                 ......

Highchart的x轴基于(new Date()).getTime()在我的HTML页面上移动，y轴基于从flask-socketio接收到的值进行缩放，但图表上没有显示任何内容。

ps:接收到的值每秒都在变化。

我还可以看到终端上显示的值msg.number。

有人能帮上忙吗？我刚接触highcharts和flask-socketio。谢谢。

Answer 1

您需要将y值作为数字而不是字符串传递给addPoint方法。

var y = parseFloat(msg.number);

现场演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4908/