theme String (default: "sass")

The chart theme. With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the chart will read the variables from the Sass-based themes.

Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.

The supported values are:

• "sass"
• "black"
• "blueopal"
• "bootstrap"
• "default"
• "fiori"
• "flat"
• "highcontrast"
• "material"
• "materialblack"
• "metro"
• "metroblack"
• "moonlight"
• "nova"
• "office365"
• "silver"
• "uniform"

Example

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  theme: "black",
  series: [
    { data: [1, 2] }
  ]
});
</script>