Question

我正在使用highcharts js库，我想将导出功能添加为csv。

我在文件modules / exports.js中添加了选项，但我不知道接下来该做什么。

任何人都可以帮我一把吗？

Answer 1

这是关于如何修改按钮的example。您可以使用csv导出添加自定义按钮，然后在服务器端创建一个字符串并将其导出。

Answer 2

你可以让你的Javascript调用一个PHP函数（假设你使用它），它根据你在url中包含的任何参数生成一个CSV（没有这里）。

$sql = "SELECT * FROM `table` ORDER BY `id` ASC";
$result = mysql_query($sql) or die(mysql_error());

$csv = '';

while ($row = mysql_fetch_assoc($result)) {
    $csv .= $row["one"];
    $csv .= "," . $row["two"];
    $csv .= "," . $row["three"];
    $csv .= "\n";
}

header("Content-Type: application/csv") ;
echo $csv;
?>

此方法可用于其他服务器端语言。

Answer 3

这对我有用。只需将其添加到构造函数中即可。这是对Elzo帖子的修改。我正在使用highstock，但它们应该类似。

exporting: {
buttons: {
    contextButton: {
        menuItems: [{
                text: 'Export to PNG (small)',
                onclick: function() {
                    this.exportChart({
                        width: 250
                    });
                }
            }, {
                text: 'Export to PNG (large)',
                onclick: function() {
                    this.exportChart(); // 800px by default
                }
            }, {
                text: 'Export to CSV',
                onclick: function() {
                    window.open('/getcsv/loc/' + loc + '/ser/' + ser + '/reg/' + reg);
                }
            },
            null
        ]
    }
}
},

Highcharts将导出添加为csv

3 个答案: