fl_chart icon indicating copy to clipboard operation
fl_chart copied to clipboard

Add gradient to bar chart and pie chart

Open MobileMon opened this issue 5 years ago • 7 comments

Instead of a solid color, can I use a gradient to fill in the pie chart segments and bar chart segments?

MobileMon avatar Jan 15 '20 13:01 MobileMon

Yes, I want to add gradient in bar graph rods. please add this feature.

xi1570-krupeshanadkat avatar Mar 22 '20 17:03 xi1570-krupeshanadkat

What kind of gradient do you need in the PieChart? @MobileMon

imaNNeo avatar Mar 27 '20 14:03 imaNNeo

to use gradient colors like this image

bdairy avatar Jun 02 '20 23:06 bdairy

It has just been added in 0.12.0 version.

Check out this sample

The pie chart gradient is yet to come!

imaNNeo avatar Oct 06 '20 18:10 imaNNeo

Hello guys, I didn't want to open a new issue, since this one was still open. I would like to know if there was any information about the gradient for pie charts, because I would like to make a gradient like that: image

Nirsu avatar Sep 16 '21 09:09 Nirsu

Screenshot 2022-08-19 234656 i want this type of gradient color design in Doughnut Chart.. can someone help me?

asaboor-art avatar Aug 19 '22 18:08 asaboor-art

<div id="canvas-wrap">
            <canvas id="canvas" width="300" height="300"></canvas>
            <div class="donut-result">
               <p><span>9,8969</span> Estimated Overtime Owed</p>
             </div>
          </div>
          
          #canvas-wrap {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}

asaboor-art avatar Aug 19 '22 18:08 asaboor-art

I have created pull request https://github.com/imaNNeo/fl_chart/pull/1511

it will add support for piechart gradients

raldhafiri avatar Nov 28 '23 07:11 raldhafiri

PieChart gradient is added in 0.66.0. Thanks, @raldhafiri for contributing 🚀

imaNNeo avatar Dec 25 '23 15:12 imaNNeo

It has just been added in 0.12.0 version.

Check out this sample

The pie chart gradient is yet to come!

I think now we're done with this issue ;)

imaNNeo avatar Dec 25 '23 15:12 imaNNeo