首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >编辑图表后更新HighChart上的序列数组

编辑图表后更新HighChart上的序列数组
EN

Stack Overflow用户
提问于 2013-03-18 00:51:34
回答 1查看 295关注 0票数 0

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

我按照这个例子实现了点拖动:http://jsfiddle.net/highcharts/AyUbx/,它正在工作。

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

代码语言:javascript
复制
    drop: function() {
    $('#drop').html(
    'In <b>' + this.series.name + '</b>, <b>' +
    this.category + '</b> was set to <b>' + 
    Highcharts.numberFormat(this.y, 2) + '</b>'
    );
    }`

如何使用新值(this.y)更新服务器上的csv文件?

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-18 01:05:46

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

代码语言:javascript
复制
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
}`

更新:

之后,您只需在updateFile.php页面中更新您的文件。您可以像这样使用$_POST['ypos']$_POST['xpos']使用PHP访问数据。

例如,如果要在CSV文件中写入新职位:

代码语言:javascript
复制
<?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);
?>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15463425

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档