highcharts 可以导出图表和表格数据吗？答案

【问题标题】：Can highcharts export a chart AND table data?highcharts 可以导出图表和表格数据吗？
【发布时间】：2012-07-15 15:48:34
【问题描述】：

我正在尝试弄清楚 highcharts 是否可以执行以下操作：

呈现一个标准的水平条形图，它下面包含单独的表格数据（想象一个条形图下面有一个类似 html 的表格。）

用户可以使用 highcharts 提供的 exporting.js 文件导出整个 svg。

这可能看起来很模糊，但我正在努力思考这个问题。我根本不熟悉 highcharts，但已经彻底查看了文档。据我了解，使用 highcharts 无法实现这样的事情，因为它的文本功能/选项不能灵活地表示数据表。

任何可能的见解都会很棒，感谢大家！

【问题讨论】：

【解决方案1】：

如果您查看 HighCharts 论坛，您会看到获取 that 的黑客。它不是很干净，但确实很神奇。如果您的数据表非常大，您可能需要考虑一次只显示部分数据（使用放大图表）。

【讨论】：

【解决方案2】：

几年后偶然发现寻找相关的东西，但我也找到了this JSFiddle，它可能更接近于请求的内容，而不是上面的断开链接。

Highcharts.drawTable = function () {
    // SVG fun
};

window.chart = Highcharts.chart('container', {
    ...chartConfig
});

它使用系列数据在 SVG 中绘制表格。并不是说这很理想，但它确实适用于图像导出，而 showTable option doesn't.

Highcharts.chart('container', {
    ...chartConfig,
    exporting: {
        showTable: true
    }
});

第三个可能是最好的折衷方案是使用副标题 HTML 文本插入表格。

Highcharts.chart('container', {
    ...chartConfig,
    subtitle: {
        title: '<div>Anything goes</div>',
        useHTML: true
    }
});

在导出时为图表动态设置此项（允许您保留要在网页上显示的任何字幕）涉及调用setTitle method：

chart.setTitle({text: "New Title"});

【讨论】：