Javascript 导出Highcharts图形时堆栈标签未正确呈现 问题
我用highcharts创建了以下图表（请参见：）。它是组合图（带折线图的堆叠柱形图），结果页面的外观（见下文）与预期一致 我也很高兴看到图表右上角有一个上下文菜单，可以导出或打印图表。将文件导出为不同格式时，堆栈标签显示为false。只有生成的SVG文件与原始图形非常相似。这是已知的行为，我该如何修复 可复制示例Javascript 导出Highcharts图形时堆栈标签未正确呈现 问题,javascript,highcharts,Javascript,Highcharts,我用highcharts创建了以下图表（请参见：）。它是组合图（带折线图的堆叠柱形图），结果页面的外观（见下文）与预期一致 我也很高兴看到图表右上角有一个上下文菜单，可以导出或打印图表。将文件导出为不同格式时，堆栈标签显示为false。只有生成的SVG文件与原始图形非常相似。这是已知的行为，我该如何修复 可复制示例 图表 $（函数（）{ $（“#容器”）。高图({ 标题：{ 文本：“示例” }, xAxis：{ 键入：“日期时间”， 类别：['2013-2'，'2013-3'，'2013-4'
图表
$（函数（）{
$（“#容器”）。高图({
标题：{
文本：“示例”
},
xAxis：{
键入：“日期时间”，
类别：['2013-2'，'2013-3'，'2013-4'，'2014-1'，'2014-2']
},
亚克斯：{
最小：-5，
堆叠标签：{
启用：对，
风格：{
fontWeight:'粗体'，
颜色：（Highcharts.theme&&Highcharts.theme.textColor）| |“灰色”
}
}
},
打印选项：{
专栏：{
堆叠：“正常”，
数据标签：{
启用：对，
颜色：（Highcharts.theme&&Highcharts.theme.dataLabelsColor）| |“白色”，
风格：{
textShadow:'0 0 3px黑色，0 0 3px黑色'
}
}
}
},
标签：{
项目：[{
风格：{
左：“50px”，
顶部：“18px”，
颜色：（Highcharts.theme&&Highcharts.theme.textColor）| |“黑色”
}
}]
},
系列：[{
键入：“列”，
名称：‘A’，
数据：[3,2,1,3,4]，
颜色：“#00786b”
}, {
键入：“列”，
名称：‘B’，
数据：[2，-3,5,7,6]，
颜色：“#5e7c8f”
}, {
键入：“列”，
名称：“Arbeitsmarkt”，
数据：[4,3,3,9,0]，
颜色：“#b7c7cf”
}, {
键入：“列”，
名称：‘C’，
数据：[4,2,6，-2,0]，
颜色：“#cd965f”
}, {
键入：“行”，
名称：“D”，
数据：[9,2,9,19,10]，
颜色：'黑色'，
标记：{
线宽：2，
线条颜色：“黑色”，
填充颜色：“白色”
}
}]
});
});
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
Chart
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
<script src="http://code.highcharts.com/modules/exporting.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
title: {
text: 'Example'
},
xAxis: {
type : 'datetime',
categories: ['2013-2', '2013-3', '2013-4', '2014-1', '2014-2']
},
yAxis: {
min: -5,
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black, 0 0 3px black'
}
}
}
},
labels: {
items: [{
style: {
left: '50px',
top: '18px',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
}
}]
},
series: [{
type: 'column',
name: 'A',
data: [3, 2, 1, 3, 4],
color : '#00786b'
}, {
type: 'column',
name: 'B',
data: [2, -3, 5, 7, 6],
color : '#5e7c8f'
}, {
type: 'column',
name: 'Arbeitsmarkt',
data: [4, 3, 3, 9, 0],
color: '#b7c7cf'
}, {
type: 'column',
name: 'C',
data: [4, 2, 6, -2, 0],
color: '#cd965f'
}, {
type: 'line',
name: 'D',
data: [9, 2, 9, 19, 10],
color: 'black',
marker: {
lineWidth: 2,
lineColor: 'black',
fillColor: 'white'
}
}]
});
});
</script>
</head>
<body>
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
</body>
</html>