1. Home
  2. Forum
  3. Flutter
  4. Columseries Gradient colors

Columseries Gradient colors

Good day,

Is it possible to apply gradient colors to each data series (each column) in column series chart?

How to show titles with icon in xValueMapper on column series chart. Example Jan with and icon below or after

Many thanks


The Flutter column chart shows the gradient color support



3 Replies 1 reply marked as answer
SK Sriram Kiran Senthilkumar Syncfusion Team March 24, 2022 04:42 PM UTC

Hi Fazil Samir,


Query #1: (Is it possible to apply gradient colors to each data series (each column) in column series chart?)

Greetings from Syncfusion. We have created a sample in which we have rendered the column series with different gradient applied to each column data points by overriding the column series using onCreateRenderer callback to customize the column series rendering for applying the gradients. Also attached the sample below for reference.


For more info on onCreateRenderer callback, please check the user guide below.


Query #2: (How to show titles with icon in xValueMapper on column series chart. Example Jan with and icon below or after)

Currently, we do not have support to add icons to the x / y axis labels in the chart. However, we would also like to let you know that we have already created a feature request regarding this in our feedback portal regarding to provided support to use custom widget as chart axis labels in the chart and this feature will be released in any of our upcoming releases. To track the status of this feature, you can use the feedback link below.


Regards,
Sriram Kiran



Marked as answer
FS fazil samir March 25, 2022 05:19 PM UTC

Many thanks Sriram works like a charm !!


YG Yuvaraj Gajaraj Syncfusion Team March 28, 2022 04:31 PM UTC

Hi Fazil,


Thanks for your update. If you have any further queries, kindly get to us and we are always happy to assist you.


Regards,

Yuvaraj.


Loader.
Up arrow icon