Partially Fill A Chart

[Steven]

Good Evening,

I'm trying to have a donut chart only partially fill if it has only one item. For example if the donut chart is for Percentage of Jobs Completed and it is 50%, I want the chart to only be 50% filled.

Thanks,

Steven

[Durga Gopalakrishnan]

Hi Steven,

Greetings from Syncfusion.

We suggest you usePointColorMappingproperty to customize fill color of chart series point. We have created gradient to view the fill color partially. We have prepared sample based on your requirement. 

@(Html.EJS().AccumulationChart("container").Series( 

series =>

{

    series. PointColorMapping("color");
}).Load("load").Render()
<script>

    var load = function (args) {

        args.chart.series[0].dataSource[0].color = "url(#Gradient1)";

    }

</script>

https://www.syncfusion.com/downloads/support/directtrac/general/ze/Doughnut785121237.zip

Please revert us if you have any concerns.

Regards,

Durga G