Skip to content

Unable to export highchart images to word #14

@Sameer786

Description

@Sameer786

Hi
Its great plugin !! but it is not able to export highcharts into word. only it takes text contents to word.
Please check my code for the same and suggest if anything to be corrected in this.

<title></title>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<script src="js/jquery.js"></script>
<script src="js/highchart.js"></script>
<script src="js/exporting.js"></script>
<script src="js/jspdf.js"></script>
<script src="js/rgbcolor.js"></script>
<script src="js/canvg.js"></script>
<script src="js/svgToPdf.js"></script>
<script src="Js/FileSaver.js"></script>
<script src="Js/jquery.wordexport.js"></script>


<script type="text/javascript">
</script>
export all Export as Doc
Jane John
Apples 3 4
Pears 2 0
Plums 5 11
Bananas 1 1
Oranges 2 4
<script type="text/javascript"> function remove() { var name='file:///C:/Users/ganwer/Downloads/HighChartLocalExport-master/HighChartLocalExport-

master/index2.html';

document.location.href = "http://localhost/GenPdf/default.aspx?url=" + name ;

};

    //charts
    $('#chart1').highcharts({
        navigation: {
            buttonOptions: {
                enabled: false
            }
        },
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
            ]
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });


    $('#chart2').highcharts({
        navigation: {
            buttonOptions: {
                enabled: false
            }
        },
        title: {
            text: 'Weekly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
            ]
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });

</script>
<script type="text/javascript"> jQuery(document).ready(function($) { $("#word_export").click(function(event) { $("#main").wordExport(); }); }); </script>

=== when we run this following message come for Highchart portions.
Created with Highcharts 4.0.4Temperature (�C)Monthly Average TemperatureSource: WorldClimate.comTokyoNew YorkBerlinLondonJanFebMarAprMayJunJulAugSepOctNovDec0102030-10Highcharts.com

Please suggest.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions