Subversion-Projekte lars-tiefland.cienc

Revision

Blame | Letzte Änderung | Log anzeigen | RSS feed

var Index = function () {

        var handleAmChart = function() {
                var chartData = [
                    {
                        "date": "2012-01-05",
                        "distance": 480,
                        "townName": "Miami",
                        "townName2": "Miami",
                        "townSize": 10,
                        "latitude": 25.83,
                        "duration": 501
                    },
                    {
                        "date": "2012-01-06",
                        "distance": 386,
                        "townName": "Tallahassee",
                        "townSize": 7,
                        "latitude": 30.46,
                        "duration": 443
                    },
                    {
                        "date": "2012-01-07",
                        "distance": 348,
                        "townName": "New Orleans",
                        "townSize": 10,
                        "latitude": 29.94,
                        "duration": 405
                    },
                    {
                        "date": "2012-01-08",
                        "distance": 238,
                        "townName": "Houston",
                        "townName2": "Houston",
                        "townSize": 16,
                        "latitude": 29.76,
                        "duration": 309
                    },
                    {
                        "date": "2012-01-09",
                        "distance": 218,
                        "townName": "Dalas",
                        "townSize": 17,
                        "latitude": 32.8,
                        "duration": 287
                    },
                    {
                        "date": "2012-01-10",
                        "distance": 349,
                        "townName": "Oklahoma City",
                        "townSize": 11,
                        "latitude": 35.49,
                        "duration": 485
                    },
                    {
                        "date": "2012-01-11",
                        "distance": 603,
                        "townName": "Kansas City",
                        "townSize": 10,
                        "latitude": 39.1,
                        "duration": 890
                    },
                    {
                        "date": "2012-01-12",
                        "distance": 534,
                        "townName": "Denver",
                        "townName2": "Denver",
                        "townSize": 18,
                        "latitude": 39.74,
                        "duration": 810
                    },
                    {
                        "date": "2012-01-13",
                        "townName": "Salt Lake City",
                        "townSize": 12,
                        "distance": 425,
                        "duration": 670,
                        "latitude": 40.75,
                        "alpha":0.4
                    },
                    {
                        "date": "2012-01-14",
                        "latitude": 36.1,
                        "duration": 470,
                        "townName": "Las Vegas",
                        "townName2": "Las Vegas",
                        "bulletClass": "lastBullet"
                    },
                    {
                        "date": "2012-01-15"
                    }
                ];
                var chart = AmCharts.makeChart("CSSAnimationChart", {
                        type: "serial",
                        fontSize: 12,
                        fontFamily: "Open Sans",
                        dataDateFormat: "YYYY-MM-DD",
                        dataProvider: chartData,

                        addClassNames: true,
                        startDuration: 1,
                        color: "#6c7b88",
                        marginLeft: 0,

                        categoryField: "date",
                        categoryAxis: {
                            parseDates: true,
                            minPeriod: "DD",
                            autoGridCount: false,
                            gridCount: 50,
                            gridAlpha: 0.1,
                            gridColor: "#FFFFFF",
                            axisColor: "#555555",
                            dateFormats: [{
                                period: 'DD',
                                format: 'DD'
                            }, {
                                period: 'WW',
                                format: 'MMM DD'
                            }, {
                                period: 'MM',
                                format: 'MMM'
                            }, {
                                period: 'YYYY',
                                format: 'YYYY'
                            }]
                        },

                        valueAxes: [{
                            id: "a1",
                            title: "distance",
                            gridAlpha: 0,
                            axisAlpha: 0
                        },{
                            id: "a2",
                            position: "right",
                            gridAlpha: 0,
                            axisAlpha: 0,
                            labelsEnabled: false
                        },{
                            id: "a3",
                            title: "duration",
                            position: "right",
                            gridAlpha: 0,
                            axisAlpha: 0,
                            inside: true,
                            duration: "mm",
                            durationUnits: {
                                DD: "d. ",
                                hh: "h ",
                                mm: "min",
                                ss: ""
                            }
                        }],
                        graphs: [{
                            id: "g1",
                            valueField:  "distance",
                            title:  "distance",
                            type:  "column",
                            fillAlphas:  0.7,
                            valueAxis:  "a1",
                            balloonText:  "[[value]] miles",
                            legendValueText:  "[[value]] mi",
                            legendPeriodValueText:  "total: [[value.sum]] mi",
                            lineColor:  "#08a3cc",
                            alphaField:  "alpha",
                        },{
                            id: "g2",
                            valueField: "latitude",
                            classNameField: "bulletClass",
                            title: "latitude/city",
                            type: "line",
                            valueAxis: "a2",
                            lineColor: "#786c56",
                            lineThickness: 1,
                            legendValueText: "[[description]]/[[value]]",
                            descriptionField: "townName",
                            bullet: "round",
                            bulletSizeField: "townSize",
                            bulletBorderColor: "#02617a",
                            bulletBorderAlpha: 1,
                            bulletBorderThickness: 2,
                            bulletColor: "#89c4f4",
                            labelText: "[[townName2]]",
                            labelPosition: "right",
                            balloonText: "latitude:[[value]]",
                            showBalloon: true,
                            animationPlayed: true,
                        },{
                            id: "g3",
                            title: "duration",
                            valueField: "duration",
                            type: "line",
                            valueAxis: "a3",
                            lineAlpha: 0.8,
                            lineColor: "#e26a6a",
                            balloonText: "[[value]]",
                            lineThickness: 1,
                            legendValueText: "[[value]]",
                            bullet: "square",
                            bulletBorderColor: "#e26a6a",
                            bulletBorderThickness: 1,
                            bulletBorderAlpha: 0.8,
                            dashLengthField: "dashLength",
                            animationPlayed: true
                        }],

                        chartCursor: {
                            zoomable: false,
                            categoryBalloonDateFormat: "DD",
                            cursorAlpha: 0,
                            categoryBalloonColor: "#e26a6a",
                            categoryBalloonAlpha: 0.8,
                            valueBalloonsEnabled: false
                        },
                        legend: {
                            bulletType: "round",
                            equalWidths: false,
                            valueWidth: 120,
                            useGraphSettings: true,
                            color: "#6c7b88"
                        }
                });
        }

        var handleAmChartMap = function() {
                // svg path for target icon
                var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
                // svg path for plane icon
                var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";

                var map = AmCharts.makeChart( "mapChart", {
                  type: "map",
                  "theme": "light",
                  pathToImages: "../../assets/global/plugins/amcharts/ammap/images/",

                  dataProvider: {
                    map: "worldLow",
                    linkToObject: "london",
                    images: [ {
                        id: "london",
                        color: "#009dc7",
                        svgPath: targetSVG,
                        title: "London",
                        latitude: 51.5002,
                        longitude: -0.1262,
                        scale: 1.5,
                        zoomLevel: 2.74,
                        zoomLongitude: -20.1341,
                        zoomLatitude: 49.1712,

                        lines: [ {
                          latitudes: [ 51.5002, 50.4422 ],
                          longitudes: [ -0.1262, 30.5367 ]
                        }, {
                          latitudes: [ 51.5002, 46.9480 ],
                          longitudes: [ -0.1262, 7.4481 ]
                        }, {
                          latitudes: [ 51.5002, 59.3328 ],
                          longitudes: [ -0.1262, 18.0645 ]
                        }, {
                          latitudes: [ 51.5002, 40.4167 ],
                          longitudes: [ -0.1262, -3.7033 ]
                        }, {
                          latitudes: [ 51.5002, 46.0514 ],
                          longitudes: [ -0.1262, 14.5060 ]
                        }, {
                          latitudes: [ 51.5002, 48.2116 ],
                          longitudes: [ -0.1262, 17.1547 ]
                        }, {
                          latitudes: [ 51.5002, 44.8048 ],
                          longitudes: [ -0.1262, 20.4781 ]
                        }, {
                          latitudes: [ 51.5002, 55.7558 ],
                          longitudes: [ -0.1262, 37.6176 ]
                        }, {
                          latitudes: [ 51.5002, 38.7072 ],
                          longitudes: [ -0.1262, -9.1355 ]
                        }, {
                          latitudes: [ 51.5002, 54.6896 ],
                          longitudes: [ -0.1262, 25.2799 ]
                        }, {
                          latitudes: [ 51.5002, 64.1353 ],
                          longitudes: [ -0.1262, -21.8952 ]
                        }, {
                          latitudes: [ 51.5002, 40.4300 ],
                          longitudes: [ -0.1262, -74.0000 ]
                        } ],

                        images: [ {
                          label: "Flights from London",
                          svgPath: planeSVG,
                          left: 100,
                          top: 45,
                          labelShiftY: 5,
                          color: "#d93d5e",
                          labelColor: "#d93d5e",
                          labelRollOverColor: "#d93d5e",
                          labelFontSize: 20
                        }, {
                          label: "show flights from Vilnius",
                          left: 106,
                          top: 70,
                          labelColor: "#6c7b88",
                          labelRollOverColor: "#d93d5e",
                          labelFontSize: 11,
                          linkToObject: "vilnius"
                        } ]
                      },

                      {
                        id: "vilnius",
                        color: "#009dc7",
                        svgPath: targetSVG,
                        title: "Vilnius",
                        latitude: 54.6896,
                        longitude: 25.2799,
                        scale: 1.5,
                        zoomLevel: 4.92,
                        zoomLongitude: 15.4492,
                        zoomLatitude: 50.2631,

                        lines: [ {
                          latitudes: [ 54.6896, 50.8371 ],
                          longitudes: [ 25.2799, 4.3676 ]
                        }, {
                          latitudes: [ 54.6896, 59.9138 ],
                          longitudes: [ 25.2799, 10.7387 ]
                        }, {
                          latitudes: [ 54.6896, 40.4167 ],
                          longitudes: [ 25.2799, -3.7033 ]
                        }, {
                          latitudes: [ 54.6896, 50.0878 ],
                          longitudes: [ 25.2799, 14.4205 ]
                        }, {
                          latitudes: [ 54.6896, 48.2116 ],
                          longitudes: [ 25.2799, 17.1547 ]
                        }, {
                          latitudes: [ 54.6896, 44.8048 ],
                          longitudes: [ 25.2799, 20.4781 ]
                        }, {
                          latitudes: [ 54.6896, 55.7558 ],
                          longitudes: [ 25.2799, 37.6176 ]
                        }, {
                          latitudes: [ 54.6896, 37.9792 ],
                          longitudes: [ 25.2799, 23.7166 ]
                        }, {
                          latitudes: [ 54.6896, 54.6896 ],
                          longitudes: [ 25.2799, 25.2799 ]
                        }, {
                          latitudes: [ 54.6896, 51.5002 ],
                          longitudes: [ 25.2799, -0.1262 ]
                        }, {
                          latitudes: [ 54.6896, 53.3441 ],
                          longitudes: [ 25.2799, -6.2675 ]
                        } ],

                        images: [ {
                          label: "Flights from Vilnius",
                          svgPath: planeSVG,
                          left: 100,
                          top: 45,
                          labelShiftY: 5,
                          color: "#d93d5e",
                          labelColor: "#d93d5e",
                          labelRollOverColor: "#d93d5e",
                          labelFontSize: 20
                        }, {
                          label: "show flights from London",
                          left: 106,
                          top: 70,
                          labelColor: "#009dc7",
                          labelRollOverColor: "#d93d5e",
                          labelFontSize: 11,
                          linkToObject: "london"
                        } ]
                      }, {
                        svgPath: targetSVG,
                        title: "Brussels",
                        latitude: 50.8371,
                        longitude: 4.3676
                      }, {
                        svgPath: targetSVG,
                        title: "Prague",
                        latitude: 50.0878,
                        longitude: 14.4205
                      }, {
                        svgPath: targetSVG,
                        title: "Athens",
                        latitude: 37.9792,
                        longitude: 23.7166
                      }, {
                        svgPath: targetSVG,
                        title: "Reykjavik",
                        latitude: 64.1353,
                        longitude: -21.8952
                      }, {
                        svgPath: targetSVG,
                        title: "Dublin",
                        latitude: 53.3441,
                        longitude: -6.2675
                      }, {
                        svgPath: targetSVG,
                        title: "Oslo",
                        latitude: 59.9138,
                        longitude: 10.7387
                      }, {
                        svgPath: targetSVG,
                        title: "Lisbon",
                        latitude: 38.7072,
                        longitude: -9.1355
                      }, {
                        svgPath: targetSVG,
                        title: "Moscow",
                        latitude: 55.7558,
                        longitude: 37.6176
                      }, {
                        svgPath: targetSVG,
                        title: "Belgrade",
                        latitude: 44.8048,
                        longitude: 20.4781
                      }, {
                        svgPath: targetSVG,
                        title: "Bratislava",
                        latitude: 48.2116,
                        longitude: 17.1547
                      }, {
                        svgPath: targetSVG,
                        title: "Ljubljana",
                        latitude: 46.0514,
                        longitude: 14.5060
                      }, {
                        svgPath: targetSVG,
                        title: "Madrid",
                        latitude: 40.4167,
                        longitude: -3.7033
                      }, {
                        svgPath: targetSVG,
                        title: "Stockholm",
                        latitude: 59.3328,
                        longitude: 18.0645
                      }, {
                        svgPath: targetSVG,
                        title: "Bern",
                        latitude: 46.9480,
                        longitude: 7.4481
                      }, {
                        svgPath: targetSVG,
                        title: "Kiev",
                        latitude: 50.4422,
                        longitude: 30.5367
                      }, {
                        svgPath: targetSVG,
                        title: "Paris",
                        latitude: 48.8567,
                        longitude: 2.3510
                      }, {
                        svgPath: targetSVG,
                        title: "New York",
                        latitude: 40.43,
                        longitude: -74
                      }
                    ]
                  },

                  zoomControl: {
                        buttonFillColor: "#15A892"
                    },

                  areasSettings: {
                    unlistedAreasColor: "#15A892"
                  },

                  imagesSettings: {
                    color: "#d93d5e",
                    rollOverColor: "#d93d5e",
                    selectedColor: "#009dc7"
                  },

                  linesSettings: {
                    color: "#d93d5e",
                    alpha: 0.4
                  },


                  backgroundZoomsToTop: true,
                  linesAboveImages: true,

                  "export": {
                    "enabled": true,
                    "libs": {
                      "path": "http://www.amcharts.com/lib/3/plugins/export/libs/"
                    }
                  }
                } );
        }

        var handleMorrisCharts = function() {
        if (Morris.EventEmitter) {
            // Use Morris.Area instead of Morris.Line
            dashboardMainChart = Morris.Area({
                element: 'sales_statistics',
                padding: 0,
                behaveLikeLine: false,
                gridEnabled: false,
                gridLineColor: false,
                axes: false,
                fillOpacity: 1,
                data: [{
                    period: '2011 Q1',
                    sales: 1400,
                    profit: 400
                }, {
                    period: '2011 Q2',
                    sales: 1100,
                    profit: 600
                }, {
                    period: '2011 Q3',
                    sales: 1600,
                    profit: 500
                }, {
                    period: '2011 Q4',
                    sales: 1200,
                    profit: 400
                }, {
                    period: '2012 Q1',
                    sales: 1550,
                    profit: 800
                }],
                lineColors: ['#399a8c', '#92e9dc'],
                xkey: 'period',
                ykeys: ['sales', 'profit'],
                labels: ['Sales', 'Profit'],
                pointSize: 0,
                lineWidth: 0,
                hideHover: 'auto',
                resize: true
            });

        }
    }

        var handleSparklineCharts = function() {
        $("#sparkline_bar").sparkline([8, 9, 10, 11, 10, 10, 12, 10, 10, 11, 9, 12, 11], {
            type: 'bar',
            width: '100',
            barWidth: 6,
            height: '45',
            barColor: '#F36A5B',
            negBarColor: '#e02222'
        });

        $("#sparkline_bar2").sparkline([9, 11, 12, 13, 12, 13, 10, 14, 13, 11, 11, 12, 11], {
            type: 'bar',
            width: '100',
            barWidth: 6,
            height: '45',
            barColor: '#5C9BD1',
            negBarColor: '#e02222'
        });
    }

    return {

        //main function
        init: function () {
            handleAmChart();
            handleAmChartMap();
            handleSparklineCharts();
            handleMorrisCharts();
        }

    };

}();

jQuery(document).ready(function() {    
   Index.init(); // init metronic core componets
});