Question

我有这张图表：

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

它运作正常。

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

http://jsfiddle.net/rFzTG/

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

我正在看这个答案：

Highcharts add legend on export

我尝试添加此内容：

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）在图表加载事件中，隐藏datalabel元素

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

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

编辑： - ＆gt; 好的，我有一个快速的例子，可以在这里根据以下评论进行打印：

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

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

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

1 个答案: