Use gradients or images instead of colors in charts

[Dustin]

I'm looking for a way to replace the backgrounds in a bullet chart with gradients or images such as in the attachment.

[Iliana Dyankova]

Hello Dustin,

I already answered to the same question in your other thread, however I am pasting my reply here too:

I am afraid the illustrated outcome is not supported by Kendo UI Chart, however you could try the built-in"glass" gradient:

Copy Code

$("#chart-mmHg").kendoChart({
  //....
  series: [{
    //....
    overlay: {
        gradient: "glass"
    }
  }]
});

Regards,
Iliana Nikolova
Telerik

[Matthias]

I'm not seeing this work for Bubble charts:

opt.series = [{ type: 'bubble', yField: 'price', xField: 'time', sizeField: 'size', categoryField: 'id', overlay: { gradient:'glass'} }];

[Iliana Dyankova]

Hi Matthias,

By design there are no gradients for Kendo UI Bubble Chart, however you could submit this idea as a feature request at our UserVoice page - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementation for future releases. 

Regards,
Iliana Nikolova
Telerik