Highcharts-PDF导出格式;条形图轴的字体大小

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

我有一个动态图表,允许用户在饼图,条形图和折线图之间切换(在完整部署中,用户也可以切换Ajax数据。

向PDf的导出使我遇到了一些问题。我可以使用以下方法调整饼图上的字体大小和样式:

    exporting: {
        enabled: false,
        sourceWidth: 842,
        sourceHeight: 595,
        chartOptions: {
            plotOptions: {
                series: {
                    dataLabels: {
                        style: {
                            fontSize: '7px',
                            lineHeight: '7px'
                        }
                    }
                }
            }
        }
    }

但是,当我导出条形图时,xAxis字体大小仍然很大。我尝试过:

    exporting: {
        enabled: false,
        sourceWidth: 842,
        sourceHeight: 595,
        chartOptions: {
            plotOptions: {
                series: {
                    dataLabels: {
                        style: {
                            fontSize: '7px',
                            lineHeight: '7px'
                        }
                    }
                }
            },
            xAxis: [{
                labels: {
                    style: {
                        fontSize: '7px'
                    }
                }
            }]
        }
    }

不幸改变了字体大小,不幸的是,它删除了我所有的自定义xAxis标签,并用数字代替了它们。

我有一个小提琴https://jsfiddle.net/spencerplanton/dr0au6kg/5/这使您可以看到问题。

我为示例的稍微冗长的性质预先致歉,但已从多个来源和更大的动态图表应用程序中删除了此示例。

非常感谢格式化PDF导出条形图轴字体大小的任何帮助。

亲切的问候

pdf highcharts fonts export
1个回答
1
投票

数组的选项被覆盖。您需要设置:

        exporting: {
            ...,
            chartOptions: {
                ...,
                xAxis: [{
                    type: 'category',
                    labels: {
                        style: {
                            fontSize: '7px'
                        }
                    }
                }]
            },
        }

实时演示: https://jsfiddle.net/BlackLabel/ryn5p20q/

API参考: https://api.highcharts.com/highcharts/exporting.chartOptions

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