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的值。

有人可以帮忙吗？我是新来的海图和长颈鹿。谢谢。

Answer 1

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

var y = parseFloat(msg.number);

---

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4908/