highcharts - 打印高图以显示所有点的数据

Question

我有这张图表：

http://jsfiddle.net/ECAM9/1/

它工作正常。

但是，当我打印或导出它时，我希望生成的图像或 pdf 文件看起来像这样：

http://jsfiddle.net/rFzTG/

这意味着我希望每个点都有关于它的信息。

我正在看这个答案：

Highcharts 在导出时添加图例

我试着添加这个：

exporting:{
            chartOptions:{
                scatter: {
                    dataLabels: {
                        enabled: true,
                        formatter: function() {
                            return this.series.name +'</b><br/>'+ this.x +': '+ this.y +'°C';
                        }
                    },
                }
            }
        },

但同样，我打印的 jpg 文件没有信息。

Answer 1

单程：

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

2）在图表加载事件中，隐藏数据标签元素

图表将显示没有数据标签，因为您隐藏了它们，但使用数据标签打印，因为图表是用它们创建的

http://jsfiddle.net/jlbriggs/Z7csw/

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

编辑：-> 好的，我有一个简单的例子，可以在这里打印，基于下面的评论：

http://jsfiddle.net/jlbriggs/Z7csw/6/

它并不完美，但它确实有效......