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

Question

我试图找出highcharts是否可以执行以下操作：

渲染一个标准的水平条形图，其下方包含单独的表格数据（想象一下条形图，其下方有一个类似html的表格。）

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

这可能看起来很模糊，但我试图通过这个思考。我根本不熟悉高级图表，但仔细查看了文档。据我所知，使用highcharts是不可能的，因为它的文本功能/选项不能灵活地表示数据表。

任何可能的见解都会很棒，感谢所有人！

d

Answer 1

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

Answer 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"});