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