anychart.charts.Resource.logo get | samples | charts | API Reference | AnyChart Playground | ver. v7

HTMLcopy

 
<div id="container"></div>

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
    var data = getData();
​
    var chart = anychart.resource();
    chart.data(data);
    chart.zoomLevel(1);
​
    // Get logo.
    var logo = chart.logo();
    logo.fill({
        src: "https://static.anychart.com/images/team-sky.png"
    });
​
    chart.container("container");
    chart.draw();
});
function getData() {
    return [
        {
            "name": "Vasil Kiryienka",
            "description": "Rider",
            "activities": [
                {
                    "name": "World Championships",
                    "start": '2016-10-12',
                    "end": '2016-10-12'
                }
            ]
        },
        {
            "name": "Elia Viviani",
            "description": "Rider",
            "activities": [
                {
                    "name": "Paris - Tours",
                    "start": '2016-10-09',
                    "end": '2016-10-09',
                    "fill": ["#1A237E", "#FFFFFF", "#D50000"]
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16'
                },
                {
                    "name": "Abu Dhabi Tour",
                    "start": '2016-10-20',
                    "end": '2016-10-23',
                    "fill": "#FFA000"
                }
            ]
        },
        {
            "name": "Ben Swift",
            "description": "Rider",
            "activities": [
                {
                    "name": "World Championships",
                    "start": '2016-10-09',
                    "end": '2016-10-09'
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16'
                }
            ]
        },
        {
            "name": "Michal Kwiatkowski",
            "description": "Rider",
            "activities": [
                {
                    "name": "World Championships",
                    "start": '2016-10-09',
                    "end": '2016-10-09'
                },
                {
                    "name": "Abu Dhabi Tour",
                    "start": '2016-10-20',
                    "end": '2016-10-23',
                    "fill": "#FFA000"
                }
            ]
        },
        {
            "name": "Alex Peters",
            "description": "Rider",
            "activities": [
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A"
                }
            ]
        },
        {
            "name": "Ian Stannard",
            "description": "Rider",
            "activities": [
                {
                    "name": "Paris - Tours",
                    "start": '2016-10-09',
                    "end": '2016-10-09',
                    "fill": ["#1A237E", "#FFFFFF", "#D50000"]
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16'
                }
            ]
        },
        {
            "name": "Lars Petter Nordhaug",
            "description": "Rider",
            "activities": [
                {
                    "name": "Paris - Tours",
                    "start": '2016-10-09',
                    "end": '2016-10-09',
                    "fill": ["#1A237E", "#FFFFFF", "#D50000"]
                },
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A"
                }
            ]
        },
        {
            "name": "Nicolas Roche",
            "description": "Rider",
            "activities": [
                {
                    "name": "World Championships",
                    "start": '2016-10-09',
                    "end": '2016-10-09'
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-12',
                    "end": '2016-10-12'
                },
                {
                    "name": "Abu Dhabi Tour",
                    "start": '2016-10-20',
                    "end": '2016-10-23',
                    "fill": "#FFA000"
                }
            ]
        },
        {
            "name": "Geraint Thomas",
            "description": "Rider",
            "activities": [
                {
                    "name": "World Championships",
                    "start": '2016-10-09',
                    "end": '2016-10-09'
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16'
                }
            ]
        },
        {
            "name": "Danny van Poppel",
            "description": "Rider",
            "activities": [
                {
                    "name": "World Championships",
                    "start": '2016-10-09',
                    "end": '2016-10-09'
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16'
                },
                {
                    "name": "Abu Dhabi Tour",
                    "start": '2016-10-20',
                    "end": '2016-10-23',
                    "fill": "#FFA000"
                }
            ]
        },
        {
            "name": "David Lopez",
            "description": "Rider",
            "activities": [
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A"
                }
            ]
        },
        {
            "name": "Xabier Zandio",
            "description": "Rider",
            "activities": [
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A"
                }
            ]
        }
    ];
}

Sample meta

AnyChart Documentation

3D Area Chart (Percent)

3D Area Chart (Value)

3D Bar Chart (Percent)

3D Bar Chart (Value)

3D Column Chart (Percent)

3D Column Chart (Value)

Additional Axes (Axes and Grids)

Area Chart (Basic Charts)

Area Chart (Error Chart)

Area Chart (Percent)

Area Chart (Value)

Axis Basics (Axes and Grids)

Bar Chart (Percent)

Bar Chart (Value)

Basic Settings (Legend)

Column Chart (Percent)

Column Chart (Value)

Crosshair (Axes and Grids)

Crosshair (Stock Charts)

Data From JSON (Working with Data)

Data From XML (Working with Data)

Data Manipulation (Working with Data)

Data Sets (Working with Data)

Drawing (Drawing Tools and Annotations)

Map Crosshair (Maps)

Polar Column Chart (Percent)

Polar Column Chart (Value)

Polygon Chart (Percent)

Polygon Chart (Value)

Radar Area Chart (Percent)

Radar Area Chart (Value)

Range Area Chart (Basic Charts)

Range Spline Area Chart (Basic Charts)

Range Step Area Chart (Basic Charts)

Scales (Axes and Grids)

Spline Area Chart (Basic Charts)

Spline Area Chart (Error Chart)

Spline Area Chart (Percent)

Spline Area Chart (Value)

Step Area Chart (Basic Charts)

Step Area Chart (Error Chart)

Step Area Chart (Percent)

Step Area Chart (Value)

Step Area Chart (Vertical)

Stick Chart (Percent)

Stick Chart (Value)

Themes (Appearance Settings)

Vertical Area Chart (Percent)

Vertical Area Chart (Value)

Vertical Spline Area Chart (Percent)

Vertical Spline Area Chart (Value)

Vertical Step Area Chart (Percent)

Vertical Step Area Chart (Value)

Vertical Stick Chart (Percent)

Vertical Stick Chart (Value)