0

私はJavaScriptとWeb開発全般に不慣れです。areasplineハイチャートがあり、プロジェクトの一環として、曲線上のポイントをy軸上または下に移動してチャートを編集できるようにする必要があります。サーバーに保存されたcsvファイルのデータからグラフを作成しました。カーブ上のポイントを編集してから、csvファイルを更新して、後で別のグラフを作成するために使用できるようにするという考え方です。

この例に従って、ポイントドラッグを実装しました：http：//jsfiddle.net/highcharts/AyUbx/これは機能しています。

私が抱えている問題は、チャートを編集した後のcsvファイルの更新にあります。私は問題の解決策を探していましたが、私はそれを理解できないようです。jsfiddleの例の関数は、サーバーにポストバックして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>'
    );
    }`

サーバー上のcsvファイルを新しい値（this.y）で更新するにはどうすればよいですか？

ありがとう

4

1 に答える 1

2

サーバーにデータを投稿する場合は、jquerypostメソッドを使用できます。

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ページでファイルを更新する必要があります。あなたはこのようにPHPであなたのデータにアクセスすることができます$_POST['ypos']または$_POST['xpos']

たとえば、CSVファイルに新しい位置を書き込みたい場合：

<?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);
?>
于 2013-03-17T17:05:45.690 に答える