Highcharts 打印highchart以显示所有点的数据

Highcharts 打印highchart以显示所有点的数据,highcharts,Highcharts,我有这个图表: 而且效果很好 但是,当我打印或导出它时,我希望生成的图像或pdf文件如下所示: 这意味着我希望每一点都有相关信息 我看到了这个答案: 我试着加上: exporting:{ chartOptions:{ scatter: { dataLabels: { enabled: true, fo

我有这个图表:

而且效果很好

但是,当我打印或导出它时,我希望生成的图像或pdf文件如下所示:

这意味着我希望每一点都有相关信息

我看到了这个答案:

我试着加上:

exporting:{
            chartOptions:{
                scatter: {
                    dataLabels: {
                        enabled: true,
                        formatter: function() {
                            return this.series.name +'</b><br/>'+ this.x +': '+ this.y +'°C';
                        }
                    },
                }
            }
        },
导出:{
图表选项:{
散布:{
数据标签:{
启用:对,
格式化程序:函数(){
返回this.series.name+'
'+this.x+':'+this.y+'°C'; } }, } } },
但同样,我打印的jpg文件没有信息。

单向:

1) 在数据标签中使用“useHTML”

2) 在图表加载事件上,隐藏datalabel元素

图表将不显示数据标签,因为您隐藏了数据标签,但使用数据标签打印,因为图表是使用数据标签创建的

编辑:--> 好的,根据下面的评论,我这里有一个关于打印的快速示例:


这并不完美,但确实有效…

@SebastianBochan你能检查一下吗?这很有效,tnx!但它只适用于出口。如何使其在打印上也起作用?嗯…不确定,我认为这两种方法都可以:/May需要使用外部控件…您可以捕获按钮点击,启用数据标签,打印图表,隐藏数据标签…?看这里:这里:看起来这是一个可行的选项
dataLabels: {
  enabled: true,
  useHTML:true,
  formatter: function() {
    return '<div class="datalabel">' +this.series.name +'</b><br/>'+
            this.x +': '+ this.y +'°C</div>';
  }
},
events:{
  load:function() {
    $('.datalabel').hide();
  }
}