Highcharts

Question

我有一个动态图表，允许用户在饼图、条形图和折线图之间切换（在完整部署中，用户也可以切换 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 标签并用数字替换它们。

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

对于该示例的稍微冗长的性质，我提前表示歉意，但它已从多个来源和一个更大的动态图表应用程序中删除。

任何帮助格式化 PDF 导出条形图轴字体大小的帮助将不胜感激。

亲切的问候

Answer 1

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

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

现场演示： https://jsfiddle.net/BlackLabel/ryn5p20q/

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

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

Highcharts - PDF export format; font sizes for bar chart axis

pdf

fonts

export