anychart.theme set asObj | samples | API Reference

HTMLcopy

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

CSScopy

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

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
    var customTheme = {
        column: {
            title: {
                enabled: true,
                text: 'Weekly training'
            },
            defaultXAxisSettings: {
                labels: {
                    enabled: true,
                    fontSize: 15,
                    fontFamily: 'Tahoma'
                },
                title: {
                    enabled: true,
                    text: 'Days'
                }
            },
            defaultYAxisSettings: {
                labels: {
                    fontColor: '#9E9E9E',
                    fontSize: 18
                },
                minorLabels: {
                    fontSize: 8
                },
                title: {
                    enabled: true,
                    text: 'Distance, km'
                }
            },
            xScale: {
                type: 'ordinal',
                names: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
            },
            defaultLineMarkerSettings: {
                enabled: true,
                value: 30,
                stroke: '2 #F44336'
            },
            defaultTextMarkerSettings: {
                enabled: true,
                value: 31,
                align: 'left',
                text: 'Daily plan',
                fontColor: 'black',
                offsetX: 40
            }
        }
    };
​
    // Set custom theme.
    anychart.theme(customTheme);
​
    var chart = anychart.column([21.2, 32.5, 21.3, 44.5, 21, 35.2, 67.7]);
    chart.lineMarker();
    chart.textMarker();
    chart.title('Set custom theme');
    chart.container('container');
    chart.draw();
});

Sample meta

AnyChart Documentation