{"version":3,"sources":["Demo/Charts/HighChart/BarBasicChart.js","Demo/Charts/HighChart/LineBasicChart.js","Demo/Charts/HighChart/AreaZoomChart.js","Demo/Charts/HighChart/PieBasicChart.js","Demo/Charts/HighChart/PieDonutChart.js","Demo/Charts/HighChart/Pie3DChart.js","Demo/Charts/HighChart/PieDonut3DChart.js","Demo/Charts/HighChart/ComboChart.js","Demo/Charts/HighChart/index.js"],"names":["options","chart","type","colors","title","text","subtitle","xAxis","categories","crosshair","yAxis","min","tooltip","headerFormat","pointFormat","footerFormat","shared","useHTML","plotOptions","column","pointPadding","borderWidth","series","name","data","BarBasicChart","react_default","a","createElement","highcharts_react_min_default","highcharts","Highcharts","React","Component","label","connectorAllowed","pointStart","responsive","rules","condition","maxWidth","chartOptions","legend","layout","align","verticalAlign","LineBasicChart","AreaZoomChart","state","self","this","axios","get","then","response","setState","zoomType","undefined","document","ontouchstart","enabled","area","fillColor","linearGradient","x1","y1","x2","y2","stops","marker","radius","lineWidth","lineColor","states","hover","threshold","plotBackgroundColor","plotBorderWidth","plotShadow","pie","allowPointSelect","cursor","dataLabels","showInLegend","colorByPoint","y","sliced","selected","PieBasicChart","size","innerSize","PieDonutChart","highcharts3d","options3d","alpha","depth","Pie3DChart","PieDonut3DChart","labels","items","html","style","left","top","color","theme","textColor","center","ComboChart","HighChart","_Aux","Row","Col","Card","Header","Title","as","Body","HighChart_BarBasicChart","HighChart_LineBasicChart","HighChart_AreaZoomChart","lx","md","HighChart_PieBasicChart","HighChart_PieDonutChart","HighChart_Pie3DChart","HighChart_PieDonut3DChart","HighChart_ComboChart"],"mappings":"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","file":"static/js/125.e80be19e.chunk.js","sourcesContent":["import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\n\r\nconst options = {\r\n    chart: {\r\n        type: 'column'\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4', '#899FD4'],\r\n    title: {\r\n        text: 'Monthly Average Rainfall'\r\n    },\r\n    subtitle: {\r\n        text: 'Source: WorldClimate.com'\r\n    },\r\n    xAxis: {\r\n        categories: [\r\n            'Jan',\r\n            'Feb',\r\n            'Mar',\r\n            'Apr',\r\n            'May',\r\n            'Jun',\r\n            'Jul',\r\n            'Aug',\r\n            'Sep',\r\n            'Oct',\r\n            'Nov',\r\n            'Dec'\r\n        ],\r\n        crosshair: true\r\n    },\r\n    yAxis: {\r\n        min: 0,\r\n        title: {\r\n            text: 'Rainfall (mm)'\r\n        }\r\n    },\r\n    tooltip: {\r\n        headerFormat: '<span style=\"font-size:10px\">{point.key}</span><table>',\r\n        pointFormat: '<tr><td style=\"color:{series.color};padding:0\">{series.name}: </td>' +\r\n        '<td style=\"padding:0\"><b>{point.y:.1f} mm</b></td></tr>',\r\n        footerFormat: '</table>',\r\n        shared: true,\r\n        useHTML: true\r\n    },\r\n    plotOptions: {\r\n        column: {\r\n            pointPadding: 0.2,\r\n            borderWidth: 0\r\n        }\r\n    },\r\n    series: [{\r\n        name: 'Tokyo',\r\n        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]\r\n\r\n    }, {\r\n        name: 'New York',\r\n        data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]\r\n\r\n    }, {\r\n        name: 'London',\r\n        data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]\r\n\r\n    }, {\r\n        name: 'Berlin',\r\n        data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]\r\n\r\n    }]\r\n};\r\n\r\nclass BarBasicChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default BarBasicChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\n\r\nconst options = {\r\n    chart: {\r\n        type: 'spline',\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4'],\r\n    title: {\r\n        text: 'Solar Employment Growth by Sector, 2010-2017'\r\n    },\r\n    subtitle: {\r\n        text: 'Source: thesolarfoundation.com'\r\n    },\r\n    yAxis: {\r\n        title: {\r\n            text: 'Number of Employees'\r\n        }\r\n    },\r\n    plotOptions: {\r\n        series: {\r\n            label: {\r\n                connectorAllowed: false\r\n            },\r\n            pointStart: 2010\r\n        }\r\n    },\r\n    series: [{\r\n        name: 'Installation',\r\n        data: [5, 25, 15, 35, 25, 35, 45, 75]\r\n    }, {\r\n        name: 'Manufacturing',\r\n        data: [25, 35, 45, 75, 5, 25, 15, 35, ]\r\n    }, {\r\n        name: 'Sales & Distribution',\r\n        data: [45, 75, 25, 5, 15, 55, 5, 25]\r\n    }],\r\n    responsive: {\r\n        rules: [{\r\n            condition: {\r\n                maxWidth: 500\r\n            },\r\n            chartOptions: {\r\n                legend: {\r\n                    layout: 'horizontal',\r\n                    align: 'center',\r\n                    verticalAlign: 'bottom'\r\n                }\r\n            }\r\n        }]\r\n    }\r\n};\r\n\r\nclass LineBasicChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default LineBasicChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\nimport axios from 'axios';\r\n\r\nclass AreaZoomChart extends React.Component {\r\n    state = {\r\n        data: []\r\n    };\r\n\r\n    componentWillMount() {\r\n        const self = this;\r\n        axios.get('https://cdn.rawgit.com/highcharts/highcharts/057b672172ccc6c08fe7dbb27fc17ebca3f5b770/samples/data/usdeur.json')\r\n            .then(function (response) {\r\n                self.setState({data: response.data});\r\n            });\r\n    }\r\n\r\n    render() {\r\n            const options = {\r\n                chart: {\r\n                    zoomType: 'x',\r\n                },\r\n                title: {\r\n                    text: 'USD to EUR exchange rate over time'\r\n                },\r\n                subtitle: {\r\n                    text: document.ontouchstart === undefined ?\r\n                        'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in'\r\n                },\r\n                xAxis: {\r\n                    type: 'datetime'\r\n                },\r\n                yAxis: {\r\n                    title: {\r\n                        text: 'Exchange rate'\r\n                    }\r\n                },\r\n                legend: {\r\n                    enabled: true\r\n                },\r\n                plotOptions: {\r\n                    area: {\r\n                        fillColor: {\r\n                            linearGradient: {\r\n                                x1: 0,\r\n                                y1: 0,\r\n                                x2: 0,\r\n                                y2: 1\r\n                            },\r\n                            stops: [\r\n                                [0, '#1dc4e9'],\r\n                                [1, '#1de9b6']\r\n                            ]\r\n                        },\r\n                        marker: {\r\n                            radius: 2\r\n                        },\r\n                        lineWidth: 2,\r\n                        lineColor: '#1dc4e9',\r\n                        states: {\r\n                            hover: {\r\n                                lineWidth: 1\r\n                            }\r\n                        },\r\n                        threshold: null\r\n                    }\r\n                },\r\n                series: [{\r\n                    type: 'area',\r\n                    name: 'USD to EUR',\r\n                    data: this.state.data\r\n                }]\r\n            };\r\n\r\n            return this.state.data ? <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            /> : <p>Loading...</p>\r\n    }\r\n}\r\n\r\nexport default AreaZoomChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\n\r\nconst options = {\r\n    chart: {\r\n        plotBackgroundColor: null,\r\n        plotBorderWidth: null,\r\n        plotShadow: false,\r\n        type: 'pie'\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4', '#899FD4', '#f44236', '#f4c22b'],\r\n    title: {\r\n        text: 'Browser market shares in January, 2018'\r\n    },\r\n    tooltip: {\r\n        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'\r\n    },\r\n    plotOptions: {\r\n        pie: {\r\n            allowPointSelect: true,\r\n            cursor: 'pointer',\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            showInLegend: true\r\n        }\r\n    },\r\n    series: [{\r\n        name: 'Brands',\r\n        colorByPoint: true,\r\n        data: [{\r\n            name: 'Chrome',\r\n            y: 61.41,\r\n            sliced: true,\r\n            selected: true\r\n        }, {\r\n            name: 'Internet Explorer',\r\n            y: 11.84\r\n        }, {\r\n            name: 'Firefox',\r\n            y: 10.85\r\n        }, {\r\n            name: 'Edge',\r\n            y: 4.67\r\n        }, {\r\n            name: 'Safari',\r\n            y: 4.18\r\n        }, {\r\n            name: 'Other',\r\n            y: 7.05\r\n        }]\r\n    }]\r\n};\r\n\r\nclass PieBasicChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default PieBasicChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\n\r\nconst options = {\r\n    chart: {\r\n        plotBackgroundColor: null,\r\n        plotBorderWidth: null,\r\n        plotShadow: false,\r\n        type: 'pie'\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4', '#899FD4', '#f44236', '#f4c22b'],\r\n    title: {\r\n        text: 'Browser market shares in January, 2018'\r\n    },\r\n    tooltip: {\r\n        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'\r\n    },\r\n    plotOptions: {\r\n        pie: {\r\n            allowPointSelect: true,\r\n            cursor: 'pointer',\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            showInLegend: true\r\n        }\r\n    },\r\n    series: [{\r\n        name: 'Brands',\r\n        colorByPoint: true,\r\n        size: '90%',\r\n        innerSize: '60%',\r\n        data: [{\r\n            name: 'Chrome',\r\n            y: 61.41,\r\n            sliced: true,\r\n            selected: true\r\n        }, {\r\n            name: 'Internet Explorer',\r\n            y: 11.84\r\n        }, {\r\n            name: 'Firefox',\r\n            y: 10.85\r\n        }, {\r\n            name: 'Edge',\r\n            y: 4.67\r\n        }, {\r\n            name: 'Safari',\r\n            y: 4.18\r\n        }, {\r\n            name: 'Other',\r\n            y: 7.05\r\n        }]\r\n    }]\r\n};\r\n\r\nclass PieDonutChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default PieDonutChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport highcharts3d from 'highcharts/highcharts-3d'\r\nimport HighchartsReact from 'highcharts-react-official';\r\nhighcharts3d(Highcharts);\r\n\r\nconst options = {\r\n    chart: {\r\n        type: 'pie',\r\n        options3d: {\r\n            enabled: true,\r\n            alpha: 45\r\n        }\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4', '#899FD4', '#f44236', '#f4c22b'],\r\n    title: {\r\n        text: 'Contents of Highsoft weekly fruit delivery'\r\n    },\r\n    subtitle: {\r\n        text: '3D in Highcharts'\r\n    },\r\n    plotOptions: {\r\n        pie: {\r\n            depth: 45\r\n        }\r\n    },\r\n    series: [{\r\n        name: 'Delivered amount',\r\n        data: [\r\n            ['Bananas', 8],\r\n            ['Kiwi', 3],\r\n            ['Mixed nuts', 2],\r\n            ['Oranges', 6],\r\n            ['Apples', 3],\r\n            ['Pears', 4],\r\n        ]\r\n    }]\r\n};\r\n\r\nclass Pie3DChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default Pie3DChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport highcharts3d from 'highcharts/highcharts-3d'\r\nimport HighchartsReact from 'highcharts-react-official';\r\nhighcharts3d(Highcharts);\r\n\r\nconst options = {\r\n    chart: {\r\n        type: 'pie',\r\n        options3d: {\r\n            enabled: true,\r\n            alpha: 45\r\n        }\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4', '#899FD4', '#f44236', '#f4c22b'],\r\n    title: {\r\n        text: 'Contents of Highsoft weekly fruit delivery'\r\n    },\r\n    subtitle: {\r\n        text: '3D donut in Highcharts'\r\n    },\r\n    plotOptions: {\r\n        pie: {\r\n            innerSize: 100,\r\n            depth: 45\r\n        }\r\n    },\r\n    series: [{\r\n        name: 'Delivered amount',\r\n        data: [\r\n            ['Bananas', 8],\r\n            ['Kiwi', 3],\r\n            ['MIxed nuts', 2],\r\n            ['Oranges', 6],\r\n            ['Apples', 3],\r\n            ['Pears', 4],\r\n        ]\r\n    }]\r\n};\r\n\r\nclass PieDonut3DChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default PieDonut3DChart;","import React from 'react';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\n\r\nconst options = {\r\n    title: {\r\n        text: 'Combination chart'\r\n    },\r\n    xAxis: {\r\n        categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Kiwi'],\r\n    },\r\n    colors: ['#1de9b6', '#1dc4e9', '#A389D4'],\r\n    labels: {\r\n        items: [{\r\n            html: 'Total fruit consumption',\r\n            style: {\r\n                left: '50px',\r\n                top: '18px',\r\n                color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'\r\n            }\r\n        }]\r\n    },\r\n    series: [{\r\n        type: 'column',\r\n        name: 'Jane',\r\n        data: [3, 2, 1, 3, 4]\r\n    }, {\r\n        type: 'column',\r\n        name: 'John',\r\n        data: [2, 3, 5, 7, 6]\r\n    }, {\r\n        type: 'column',\r\n        name: 'Joe',\r\n        data: [4, 3, 3, 9, 0]\r\n    }, {\r\n        type: 'spline',\r\n        name: 'Average',\r\n        data: [3, 2.67, 3, 6.33, 3.33],\r\n        color: '#f44236',\r\n        lineColor: '#f44236',\r\n        marker: {\r\n            lineWidth: 2,\r\n            lineColor: '#f44236',\r\n            fillColor: '#fff'\r\n        }\r\n    }, {\r\n        type: 'pie',\r\n        name: 'Total consumption',\r\n        data: [{\r\n            name: 'Jane',\r\n            y: 13,\r\n            color: '#1de9b6'\r\n        }, {\r\n            name: 'John',\r\n            y: 23,\r\n            color: '#1dc4e9',\r\n        }, {\r\n            name: 'Joe',\r\n            y: 19,\r\n            color: '#A389D4',\r\n        }],\r\n        center: [100, 80],\r\n        size: 100,\r\n        showInLegend: false,\r\n        dataLabels: {\r\n            enabled: false\r\n        }\r\n    }]\r\n};\r\n\r\nclass ComboChart extends React.Component {\r\n    render() {\r\n        return (\r\n            <HighchartsReact\r\n                highcharts={Highcharts}\r\n                options={options}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default ComboChart;","import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Aux from \"../../../hoc/_Aux/index\";\r\nimport BarBasicChart from \"./BarBasicChart\";\r\nimport LineBasicChart from \"./LineBasicChart\";\r\nimport AreaZoomChart from \"./AreaZoomChart\";\r\nimport PieBasicChart from \"./PieBasicChart\";\r\nimport PieDonutChart from \"./PieDonutChart\";\r\nimport Pie3DChart from \"./Pie3DChart\";\r\nimport PieDonut3DChart from \"./PieDonut3DChart\";\r\nimport ComboChart from \"./ComboChart\";\r\n\r\nclass HighChart extends React.Component {\r\n\r\n    render() {\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Bar [ Basic ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <BarBasicChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Line [ Basic ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <LineBasicChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Area [ Zoom ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <AreaZoomChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col lx={4} md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Pie [ Basic ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <PieBasicChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col lx={4} md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Pie [ Donut ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <PieDonutChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col lx={4} md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Pie [ 3D ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Pie3DChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col lx={4} md={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Pie [ Donut 3D ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <PieDonut3DChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Combinations [ Column, Line & Pie ] Chart</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <ComboChart/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default HighChart;"],"sourceRoot":""}