New to Kendo UI for jQuery? Start a free 30-day trial

Theme

configuration

The chart theme. This can be either a built-in theme or "sass". When set to "sass" the chart will read the variables from the Sass-based themes.

theme

String

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    theme: "bootstrap",
    series: [{
        type: "line",
        data: [
            { date: new Date(2023, 0, 1), value: 10 },
            { date: new Date(2023, 0, 2), value: 20 },
            { date: new Date(2023, 0, 3), value: 15 }
        ],
    }]
});
</script>

The supported values are:

"sass" - special value, see notes
"black"
"blueopal"
"bootstrap"
"default"
"highcontrast"
"metro"
"metroblack"
"moonlight"
"silver"
"uniform"