Highcharts:phantomjs导出图像缺少标签
我的图表是一个堆叠条形图,要求在实际条形图上有数据标签 浏览器中的版本可以完美地使用相应的数据标签,但是导出的图像中没有这些标签 这是我的密码:Highcharts:phantomjs导出图像缺少标签,highcharts,highstock,Highcharts,Highstock,我的图表是一个堆叠条形图,要求在实际条形图上有数据标签 浏览器中的版本可以完美地使用相应的数据标签,但是导出的图像中没有这些标签 这是我的密码: { colors: ['#0EAC55','#91C855','#F3BA0E','#F39595','#F30E0E'], chart: { type: 'bar', height: 195 }, credits: {
{
colors: ['#0EAC55','#91C855','#F3BA0E','#F39595','#F30E0E'],
chart: {
type: 'bar',
height: 195
},
credits: {
enabled: false
},
title: {
text: ''
},
xAxis: {
categories: ['Category 1', 'Category 2', 'Category 3'],
},
tooltip: {
valueSuffix: '%'
},
yAxis: {
min: 0,
title: {
text: ''
},
max: 100,
opposite: true,
},
legend: {
backgroundColor: '#FFFFFF'
},
plotOptions: {
series: {
stacking: 'percent',
groupPadding: 0,
dataLabels: {
enabled: true,
color: '#000000'
}
}
},
series: [{"name":"5","legendIndex":5,"data":[41.1,44.2,60.2]},{"name":"4","legendIndex":4,"data":[42.9,38.4,25.2]},{"name":"3","legendIndex":3,"data":[12.2,12,8.8]},{"name":"2","legendIndex":2,"data":[3.3,5,3]},{"name":"1","legendIndex":1,"data":[1,1,3.3]}]
}
我使用phantomjs服务器生成图像,因为这些图像需要在服务器端生成 禁用所有动画,并确保您有最新的导出服务器,而不是一些旧的
另外,将选项设置为false 扩展Pawel Fus给出的答案,我发现确保动画设置为false确实会产生影响,但在整体层面上(即
chart.animation=false
),它必须设置为chart.plotOptions.series.animation=false
我也有同样的问题。我尝试了上面所有的选择。将所有动画
选项设置为假
,将所有延迟
选项设置为假
,但这无助于解决问题
最后我发现了一个问题。这是一个高图表的错误。我使用的是4.0.1
版本的Highcharts
因此,如果上述建议不起作用,解决方案就是将highcharts文件更新到最新版本
我的示例代码可以在上找到。在我这边工作。。。你能为我们做一把小提琴吗?实际上我自己用你的代码做了小提琴,它还在我这边工作。。我以JPEG格式下载,我可以看到文章标题中提到的barsAs中的标签,我正在使用phantomjs服务器导出图表。在浏览器中,图表将正确显示。我的图表每天自动生成,不涉及浏览器。我从js fiddle中获取了您的代码,并将其传递给phantomjs服务器,结果如下:@Ash您解决了这个问题吗?我现在也有同样的问题。