<div id="sparkline"></div>
<script>
 $("#sparkline").kendoSparkline({
    valueAxis: [{ name: "first" }],
    series: [
      {
        type: "column",
        data: [200, 450, 300, 125],
        color: function (point) {
          if (point.value > 300) {
            // Colorize matching points
            return "#f00";
          }

          // Use default theme color
        },
        axis: "first",
      },
    ],
  });
</script>