演示:https://jsfiddle.net/L6ca89dh/4/
当我导出(单击汉堡包,然后单击导出SVG)时,数据标签显示良好。
当我使用highcharts-export-server时,它们不会:
***应该是这样的样子:
图表项目的代码段
var chart = {
title: {
text: null
},
time: {
useUTC: false
},
chart: {
width: 1200,
height: 600,
plotBackgroundColor: null,
plotBorderWidth: 0,
plotShadow: false,
spacing: 0,
type: 'spline'
},
xAxis: {
//startOnTick: true
},
yAxis: {
title: {
text: 'Performance (%)'
},
//min: 0
},
legend: {
enabled: true,
navigation: false,
itemStyle: {"fontSize": "11px", "fontWeight": "normal"}
},
rangeSelector: {
enabled: false
},
scrollbar: {
enabled: false
},
navigator: {
enabled: false
},
credits: {
enabled: false
},
plotOptions: {
spline: {
compare: 'percent',
marker: {
enabled: true
}
},
},
series: series
};
答案 0 :(得分:2)
您的意思是当您使用节点导出服务器(https://github.com/highcharts/node-export-server)时,系列标签在导出的图像上不可见吗?如果是这样,则其原因是因为 build.js 文件中的其他附加脚本(例如xrange)未包括序列标签脚本(https://code.highcharts.com/modules/series-label.js)。您需要做的就是添加以下内容:
'{{version}}/modules/series-label.js': 1
并运行 node build.js 。有关更多信息,您可以访问导出服务器的仓库(https://github.com/highcharts/node-export-server)。