Highcharts导出自定义轴标签和字体大小:迁移后无效

问题描述 投票:0回答:1

我从Highcharts 6.2.0迁移到最新版本(8.1.0),从那时起发现不兼容。我注意到从v7.0.0开始存在。我无法处理YAxis的fontSize和xAxis的标签文本。

Working scenario v6.2.0

Unworking scenario v7.0.0+

基本上是本例中的操作:

  1. yAxis:将字体大小显示为4px(当然很难看,但是请确保我们看到的区别是黑白有效与无效)
  2. xAxis:更改文本,例如仅显示标签的前3个字符。在我的实际场景中,我有一张图形,显示标签为flaticons,表格中显示flaticons +文本(图形数据基于要生成的表),因此在导出中,我只希望看到文本,因为我遇到了html flaticons在报告中呈现。

基于highchart的文档,我不明白我在做什么错....除非文档尚未更新,并且此功能(用于自定义轴)没有消失。

我正在使用Chrome / FF,并且没有highchart导出服务器。

感谢您的帮助。

highcharts export
1个回答
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);
              }
            }
          })
        }
      }
    }
  },

API:https://api.highcharts.com/class-reference/Highcharts.Axis#update

© www.soinside.com 2019 - 2024. All rights reserved.