Pie chart color not changing

Question

I am using a canvasjs to make a pie chart. I am using it in my custom code where I am getting the response from the server in an xml file and then I am using it to fill the chart values. My problem is that I am not able to change the colour of the chart meaning even for different labels the colour remains the same for the whole pie chart.
I used debugger also where it the value for colour is changing but still I am not able to resolve it.
color: scopes.chart_color_value[i]
I am using an another configuration file where I am storing colour values.
Here is my custom code

$scope.loadChartValue = function (data, scopes) {
    scopes.data_id = [];
    scopes.legend_text = "";
    scopes.inner_chart_data = [];

for (var i = 0; i <= data.length; i++) {
        var arrayvalue = data[0].data[i]._attr
        if (existsInArray(scopes.data_id, arrayvalue.label._value) == false) {
            scopes.data_id.push(arrayvalue.label._value);
        }
    }
        scopes.inner_chart_data = [];
        var i=1;
        for (var j = 0; j < data[0].data.length; j++) {
            scopes.inner_chart_data.push({ label: data[0].data[j]._attr.label._value, y: data[0].data[j]._attr.value._value });

scopes.dataset.push(
                   {
                       type: "pie",

markerType: "circle",
                       markerSize: scopes.markersize,
                       color: scopes.chart_color_value[i],
                       showInLegend: false,
                       name: scopes.legend_text,
                       dataPoints: scopes.inner_chart_data
                   }
           );
           i++;
        }

}
I dont know how to upload a pic either I have uploaded

This topic was modified 7 years, 3 months ago by shv22.

bivek · Answer

@shv22

As seen in stackoverFlow post, you haven't set indexLabelPlacement property for pie. You'll have to set indexLabelPlacement to "inside" for both pie and doughnut chart. Please create a jsFiddle if it still doesn't fix the issue.

shv22 · Answer

Hi, yes it is inside but we only have the data value not with its data label. Like I am posting a pic

here
 
I want something like this. Could be able to achieve that?

vishwas · Answer

@shv22,

indexLabelPlacement: "inside" seems to be working fine. Please check this JSFiddle. If you are still facing issue, create a JSFiddle with the issue so that we can look into it and help you out.

--
Vishwas R

shv22 · Answer

Just one more query,

Chart Label overlapping

here I want to place the Label inside the Pie chart and doughnut chart but I am not able to do. Although, I am using the property indexLabelPlacement: "inside", still it is coming out.
 
For Pie chart I am not able to see what it is.

Note: Yellow color label is of pie and the Black color label is of Doughnut.

shv22 · Answer

Hi thank you for your help. I have figured out what I was doing wrong.

Front End Technology Samples

Server Side Technology Samples

FORUMS

Login to Ask a Question or Reply

Pie chart color not changing