Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unable to export highchart images to word #14

Open
Sameer786 opened this issue Mar 29, 2017 · 0 comments
Open

Unable to export highchart images to word #14

Sameer786 opened this issue Mar 29, 2017 · 0 comments

Comments

@Sameer786
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant