首页 文章

Highcharts导出重复类别标签

提问于
浏览 次
1

我正在生成一系列高级图表，然后通过jsPDF将它们导出为pdf . 它们在屏幕上显示正常，但是当我导出图形的图像时，它会复制X轴类别标签 .

这是我的图表代码：

$('#chart').highcharts({
                chart: {
                    type: 'column',
                    spacingBottom: 0,
                    spacingTop: 20,
                    spacingLeft: 0,
                    spacingRight: 0
                },
                exporting: {
                    enabled: false
                },
                credits: {
                    enabled: false
                },
                title: {
                    text: null
                },
                legend: {
                    enabled: false
                },
                xAxis: {
                    categories: ['Sales Performance',],
                    labels: {
                        style: {
                            color: '#000'
                        }
                    }
                },
                yAxis: {
                    title: {
                        text: null
                    },
                    labels: {
                        format: '{value}%',
                        overflow: 'justify',
                        style: {
                            color: '#000'
                        }
                    }
                },
                plotOptions: {
                    series: {
                        stacking: 'normal'
                    }
                },
                tooltip: {
                    valueSuffix: '%'
                },
                series: [{
                    name: '% Change',
                    color: '#c0504d',
                    data: [4.5]
                }]
            });

这个问题的一个例子：http://jsfiddle.net/212qb8qs/

有任何想法吗？？？

UPDATE:

问题在于canvg转换svg . 解决了这个评论：When using canvg to convert Highchart SVG into PNG, all text appears twice - how to solve?

highcharts export jspdf

1 回答

  • 1

    好吧，从你的jsfiddle，你使用canvg和highcharts获得一个画布，然后转换为PDF你得到的 . 问题来自于canvg，它似乎处理了一些奇怪的问题，即由highcharts（主要用于 Headers ）生成的SVG中使用的tspan .

    所以我在另一个问题here中将你重定向到我的答案，在那里你会找到一个肮脏的修复 .

    回复于

相关问题