高图表导出自定义轴标签和字体大小:迁移后不起作用

Question

我已经从Highcharts 6.2.0迁移到最新的(8.1.0(，从那时起发现不兼容。 我注意到这自 v7.0.0 以来就存在。 我无法处理 YAxis 的字体大小和 xAxis 的标签文本。

工作场景v6.2.0

不工作方案v7.0.0+

基本上我在这个例子中所做的：

1. yAxis ：将字体大小显示为4px(当然很丑陋，但要确保我们看到黑白工作和不工作的差异(
2. x轴 ：更改文本以显示例如标签的前 3 个字符。在我的真实场景中，我有一个图形将平面图标显示为标签，表格中的平面图标+文本(图形数据基于要生成的表格(，因此在导出中，我只想看到文本，因为我遇到了要在报告中呈现的 html 平面图标的问题。

根据 highchart 的文档，我不明白我做错了什么......除非 doc 尚未更新并且此功能(自定义我们的轴(没有消失。

我使用的是Chrome/FF，没有高图表导出服务器。

感谢您的帮助。

Answer 1

感谢您分享它。

这似乎是一种倒退。我在Highcharts Github问题频道上报告了它。

请在此处关注此线程： https://github.com/highcharts/highcharts/issues/13492

如果您需要临时解决方法 - 请在上述链接下的评论中询问。核心开发人员应该很快就会回复你。

---

编辑

作为临时解决方法，请在加载回调中启用这些选项并触发轴更新。

演示：https://jsfiddle.net/BlackLabel/cprbz1ym/

chart: {
type: 'area',
events: {
load() {
if (this.renderer.forExport) {
this.yAxis[0].update({
labels: {
style: {
fontSize: '4px'
}
},
title: {
style: {
fontSize: '4px'
}
}
});
this.xAxis[0].update({
labels: {
style: {
fontSize: '4px'
},
formatter: function() {
return this.value.substring(0, 2);
}
}
})
}
}
}
},

原料药：https://api.highcharts.com/class-reference/Highcharts.Axis#update