【问题标题】:Highcharts csv export issueHighcharts csv导出问题
【发布时间】:2014-02-09 22:29:27
【问题描述】:

我在我的应用程序中使用 Highchart。我无法将图表数据点导出为 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()
    });
});

通过使用这种方法,我在图表控件中看到默认的 highcharts 上下文菜单。我想从外部按钮导出 csv。有没有办法删除这个默认上下文菜单。

我尝试通过删除对 exporting.js 的引用来删除上下文菜单,但后来我从外部 BUTTON 导出到 csv 停止工作。

谁能告诉我我到底在哪里搞砸了?

【问题讨论】:

  • 它首先检查 if (Highcharts.getOptions().exporting) { 在添加按钮之前,因此您应该能够以某种方式更改该选项以防止其出现。

标签: javascript highcharts


【解决方案1】:

选项 1

有一个plugin 允许您导出 CSV(这是您正在使用的)。

在同一页面上,他们展示了如何使用警报框来获取 CSV,这样就足够了吗?

直接链接到jsfiddle

选项 2

您可以对其进行编码,以便只有特定的菜单项是available

以上链接 - 您正在寻找“menuItems”

但相反 - 你会:

    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());   
                    }
                }]
            }
        }
    }

【讨论】:

  • 我尝试过方法:1,但我也需要下载 csv 文件,而不仅仅是警报。使用方法 2,您能告诉我如何将其发布到脚本中以获取 csv 文件中的结果.i 正在使用此 php 文件下载 csv 文件:Highcharts.post('highcharts.com/studies/csv- export/csv.php', { csv: charts1.getCSV() }); .这个脚本不适合我,有没有更好的方法来做到这一点
  • 1) 你需要检查如何用javascript准备文件,它与highcharts无关。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-06-22
  • 2017-07-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多