Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts不呈现从Flask socketio接收的值_Javascript_Html_Highcharts_Flask Socketio - Fatal编程技术网

Javascript Highcharts不呈现从Flask socketio接收的值

Javascript Highcharts不呈现从Flask socketio接收的值,javascript,html,highcharts,flask-socketio,Javascript,Html,Highcharts,Flask Socketio,Highchart的x轴在我的HTML页面上根据(new Date()).getTime()移动,y轴根据从flask socketio接收的值进行缩放,但图表上没有显示任何内容 ps:接收到的值每秒钟都在变化 我还可以看到终端上显示的值msg.number 有人能帮忙吗?我对highcharts和flask socketio不熟悉。谢谢。您需要将y值作为数字而不是字符串传递给addPoint方法 var myChart = Highcharts.chart('containe

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

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

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


有人能帮忙吗?我对highcharts和flask socketio不熟悉。谢谢。

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


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


现场演示:

嗨@Berlin Bolin,你有任何启动数据吗@波塔切克你好。开始数据是什么意思?我有从socketio动态更新的数据,我可以从“msg.number”接收数据,数据可以在HTML页面上显示为“text”,但HighChart上没有任何内容,这是指初始数据。您已将
addPoint
中的
shift
参数设置为true,这可能会导致没有初始数据的问题。示例:@ppotaczek Hi,谢谢您的回复。是的,我有启动数据。但它仍然不起作用。图表正在移动,Y值正在根据我的
msg.number
值进行缩放,但它们没有显示在图表上。请尝试使用:
var Y=parseFloat(msg.number)
var y = parseFloat(msg.number);