2014-02-09 129 views
1

我在我的應用程序中使用Highchart。我無法將圖表數據點導出爲csv格式。Highcharts csv導出問題

我試圖用這種方法

<script src="http://code.highcharts.com/stock/highstock.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 
<script src="https://rawgithub.com/highslide-software/export-csv/master/export-csv.js"></script> 

$('#getcsv').click(function() { 
    var charts1 = $('#aumChart-container').highcharts(); 
    Highcharts.post('http://www.highcharts.com/studies/csv-export/csv.php', { 
     csv: charts1.getCSV() 
    }); 
}); 

通過使用這種方法。我希望能有來自外部按鈕CSV導出我看到默認我的圖表控件內highcharts上下文菜單。是有辦法刪除此默認上下文菜單。

我試圖通過刪除對exporting.js的引用刪除上下文菜單,但後來我從外部按鈕導出到csv停止工作。

有人可以讓我知道我究竟在哪裏搞亂了嗎?

+0

它首先檢查是否(Highcharts.getOptions()。exporting){在添加按鈕之前,因此您應該能夠以某種方式更改該選項以防止它出現。 – dandavis

回答

0

選項1

有一個plugin,可讓您導出CSV(這是你使用的是什麼)。

在同一頁面上,他們展示瞭如何使用警告框來獲取CSV,那足夠了嗎?

直接鏈接到jsfiddle

選項2

你可以把它的代碼,以便只有特定的菜單項available

上面的鏈接 - 你正在尋找 「的菜單項」

但是相反 - 你應該有:

exporting: { 
     buttons: { 
      contextButton: { 
       menuItems: [{ 
        text: 'CSV', 
        onclick: function() { 
         /* 
          obviously you'd have to post this to a script 
          to get the results into a csv file 
          instead of getting an alert. 
         */ 
         alert(this.getCSV()); 
        } 
       }] 
      } 
     } 
    } 
+0

我已經嘗試了方法:1但我需要下載csv文件,而不僅僅是警告.with方法2你能告訴我怎麼可以發佈到腳本來獲得結果在csv file.i使用這個PHP文件下載csv文件:Highcharts.post('http://www.highcharts.com/studies/csv-export/csv.php',{ csv:charts1.getCSV() }); 。這個腳本不適用於我,有沒有更好的方法來做到這一點 – user3290807

+0

1)你需要檢查如何在JavaScript中準備文件,它與高圖無關。 –