highcharts类别以PDF格式显示

时间:2014-11-20 06:12:13

标签: jquery highcharts

我想在下载的PDF上显示所有类别。但是,我无法在当前下载的PDF中看到所有类别。我能做到吗?

这是小提琴http://jsfiddle.net/manraj/7racxxu0/10

$(function () {
$('#container').highcharts({
    chart: {
        type: 'bar'
    },

    xAxis: {
        categories: ['ghdg', 'kndfkjl', 'ytryr', 'Bananas', 'pop', 'errte', 'oi', 'Oranges1', 'Bananas1', 'Carrots1', 'Appls2', 'Pears2', 'wosflsj', 'ertet', 'yuyu', 'Ales', 'ioi', 'opl', 'bcvcx', 'Carots', 'Apes1', 'opop', 'Oranges1', 'yuiiui', 'Carrots1', 'errt', 'oioi', 'ioo', 'Bananas2', 'bfhjf', 'Apples', 'xxcc', '6546', 'Bananas', '646', 'tyuyf', 'rtr', 'rty', 'opuuui', 'fghf', 'tyuy', 'err', 'rewporij', 'xcvgff', 'ee', 'bvnvb', 'bnn', 'kjhfkdg', 'tytryt', '2121', 'Apples1', 'xvx', 'iyyuy', 'bnbn', 'yuyu', 'fgs', 'Pears2', 'orwuepr', 'ppwppw', 'Crots2', 'Apes', '545', 'nmvh', '855963', '96489', 'iuio', '8998', 'ghtrf', 'nff', 'Cats1', 'Apes2', '2333', 'itrosfgn', 'Banas2', 'zasar', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        min: 100
    },
    scrollbar: {
        enabled: true
    },
    series: [{
        data: [3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 3, 6, 1, 2, 6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }],
     exporting: {
            sourceWidth: 1200,
            sourceHeight: 600, 

            chartOptions: {
                xAxis: [{
                    categories: ['ghdg', 'kndfkjl', 'ytryr', 'Bananas', 'pop', 'errte', 'oi', 'Oranges1', 'Bananas1', 'Carrots1', 'Appls2', 'Pears2', 'wosflsj', 'ertet', 'yuyu', 'Ales', 'ioi', 'opl', 'bcvcx', 'Carots', 'Apes1', 'opop', 'Oranges1', 'yuiiui', 'Carrots1', 'errt', 'oioi', 'ioo', 'Bananas2', 'bfhjf', 'Apples', 'xxcc', '6546', 'Bananas', '646', 'tyuyf', 'rtr', 'rty', 'opuuui', 'fghf', 'tyuy', 'err', 'rewporij', 'xcvgff', 'ee', 'bvnvb', 'bnn', 'kjhfkdg', 'tytryt', '2121', 'Apples1', 'xvx', 'iyyuy', 'bnbn', 'yuyu', 'fgs', 'Pears2', 'orwuepr', 'ppwppw', 'Crots2', 'Apes', '545', 'nmvh', '855963', '96489', 'iuio', '8998', 'ghtrf', 'nff', 'Cats1', 'Apes2', '2333', 'itrosfgn', 'Banas2', 'zasar', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                    min: 0,
                    max: 113
                }]
            }
        }
});

});

谢谢。

1 个答案:

答案 0 :(得分:0)

导出模块时出现错误 - 在图表的选项中设置xAxis: [{ ... }],请参阅:http://jsfiddle.net/7racxxu0/13/

$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    xAxis: [{
        categories: ['ghdg', 'kndfkjl', 'ytryr', 'Bananas', 'pop', 'errte', 'oi', 'Oranges1', 'Bananas1', 'Carrots1', 'Appls2', 'Pears2', 'wosflsj', 'ertet', 'yuyu', 'Ales', 'ioi', 'opl', 'bcvcx', 'Carots', 'Apes1', 'opop', 'Oranges1', 'yuiiui', 'Carrots1', 'errt', 'oioi', 'ioo', 'Bananas2', 'bfhjf', 'Apples', 'xxcc', '6546', 'Bananas', '646', 'tyuyf', 'rtr', 'rty', 'opuuui', 'fghf', 'tyuy', 'err', 'rewporij', 'xcvgff', 'ee', 'bvnvb', 'bnn', 'kjhfkdg', 'tytryt', '2121', 'Apples1', 'xvx', 'iyyuy', 'bnbn', 'yuyu', 'fgs', 'Pears2', 'orwuepr', 'ppwppw', 'Crots2', 'Apes', '545', 'nmvh', '855963', '96489', 'iuio', '8998', 'ghtrf', 'nff', 'Cats1', 'Apes2', '2333', 'itrosfgn', 'Banas2', 'zasar', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', , 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        min: 100
    }],
    ...
});