Javascript 编辑图表后更新HighChart上的系列数组

Javascript 编辑图表后更新HighChart上的系列数组,javascript,jquery,ajax,csv,highcharts,Javascript,Jquery,Ajax,Csv,Highcharts,一般来说,我对JavaScript和web开发是新手。我有一个areaspline highchart,作为项目的一部分,我必须能够通过在y轴上向上或向下移动曲线上的点来编辑图表。我已经从服务器上保存的csv文件中的数据创建了图表。我的想法是,我可以编辑曲线上的点,然后让它更新csvfile,稍后我可以使用它创建一个单独的图形 我按照这个例子来实现点拖动:这是有效的 我遇到的问题是编辑图表后csv文件的更新。我一直在寻找解决这个问题的办法,但我似乎想不出来。 下面是JSFIDLE示例中的函数,该

一般来说,我对JavaScript和web开发是新手。我有一个areaspline highchart,作为项目的一部分,我必须能够通过在y轴上向上或向下移动曲线上的点来编辑图表。我已经从服务器上保存的csv文件中的数据创建了图表。我的想法是,我可以编辑曲线上的点,然后让它更新csvfile,稍后我可以使用它创建一个单独的图形

我按照这个例子来实现点拖动:这是有效的

我遇到的问题是编辑图表后csv文件的更新。我一直在寻找解决这个问题的办法,但我似乎想不出来。 下面是JSFIDLE示例中的函数,该函数的值需要发回服务器并写入csv文件:

    drop: function() {
    $('#drop').html(
    'In <b>' + this.series.name + '</b>, <b>' +
    this.category + '</b> was set to <b>' + 
    Highcharts.numberFormat(this.y, 2) + '</b>'
    );
    }`
drop:function(){
$('#drop').html(
'在'+this.series.name+'中,'+
this.category+'已设置为'+
Highcharts.numberFormat(this.y,2)+”
);
}`
如何使用新值(this.y)更新服务器上的csv文件


谢谢

如果要将数据发布到服务器,可以使用jquery发布方法:

drop: function() {
    $('#drop').html(
    'In <b>' + this.series.name + '</b>, <b>' +
    this.category + '</b> was set to <b>' + 
    Highcharts.numberFormat(this.y, 2) + '</b>'
    );
    $.post("updateFile.php", { ypos: this.y , xpos: this.x} );  // like this
}`

谢谢从那里我只写了一个php脚本来更新csv文件?如何指定csv文件中需要更新的值?@bergundy195您可以在POST请求中传递修改点的x坐标,然后服务器端进程可以确定需要更新的点:
$.POST(“updateFile.php”,{xpos:this.x,ypos:this.y})。参考资料:@bergundy195,如果我的回答让你满意,你会接受它,还是需要更多的信息?是的,我在那里试过了,它似乎有效。非常感谢。
<?php
// 1 : open the file
$myfile = fopen('myfile.csv', 'a+');

// 2 : write at the end of the file
fputs($myfile, $_POST['ypos'] . "; " . $_POST['xpos'] . "\n");

// 3 : when we have done, we close the file
fclose($myfile);
?>