Unexpected vertical line in full pie chart

[zhy1stgg]

Live demo: http://jsfiddle.net/LLExL/7421/

[TorsteinHonsi]

Thanks for reporting.

[TorsteinHonsi]

Thanks for reporting.

[sebastianbochan]

Workaround
Setting borderWidth to 1, borderColor to same value as point's color (null an series level setting) and setting color for zero-value points to 'none'. Demo:

• http://jsfiddle.net/jr1yLf8r/1/

[sebastianbochan]

Workaround
Setting borderWidth to 1, borderColor to same value as point's color (null an series level setting) and setting color for zero-value points to 'none'. Demo:

• http://jsfiddle.net/jr1yLf8r/1/

[mateuspv]

If you have borderColor: null and borderWidth: 1 it will partially resolve, as you can see here:
http://jsfiddle.net/LLExL/7545/

But if you mouseover the pie chart, a small line appears:

@TorsteinHonsi , do you think I should create a new task for this, or do you not consider a bug?
Does anyone have a solution for this?

Many thanks,
Regards, Mateus.

[mateuspv]

If you have borderColor: null and borderWidth: 1 it will partially resolve, as you can see here:
http://jsfiddle.net/LLExL/7545/

But if you mouseover the pie chart, a small line appears:

@TorsteinHonsi , do you think I should create a new task for this, or do you not consider a bug?
Does anyone have a solution for this?

Many thanks,
Regards, Mateus.

[TorsteinHonsi]

I found a simple fix for it in the arc symbol, here's the result: http://jsfiddle.net/n01nng41/.

This is the kind of change that may be considered a bug by some (after all we are looking at one slice that starts and ends at the top), so depending on the feedback we may add an option for whether or not to close full-circle pie slices.

[TorsteinHonsi]

I found a simple fix for it in the arc symbol, here's the result: http://jsfiddle.net/n01nng41/.

This is the kind of change that may be considered a bug by some (after all we are looking at one slice that starts and ends at the top), so depending on the feedback we may add an option for whether or not to close full-circle pie slices.

[anurag-desai]

I have a highchart(pie chart) with multiple fields.Which is giving me issue for 0 values.

The conditions are as described below:

If my first field is 100% the pie chart renders a line of 0% for the other field
Reffer fiddle : http://jsfiddle.net/rndmmuz6/4/

but if my second field is 100% then the pie chart does not render a 0% field for the first fields
Reffer fiddle : http://jsfiddle.net/rndmmuz6/3/

I want the line to always appear.

[anurag-desai]

I have a highchart(pie chart) with multiple fields.Which is giving me issue for 0 values.

The conditions are as described below:

If my first field is 100% the pie chart renders a line of 0% for the other field
Reffer fiddle : http://jsfiddle.net/rndmmuz6/4/

but if my second field is 100% then the pie chart does not render a 0% field for the first fields
Reffer fiddle : http://jsfiddle.net/rndmmuz6/3/

I want the line to always appear.

[KacperMadej]

Hi @anurag-desai

Thank you for reporting about the problem.
Value of 0 shouldn't produce slice, but it does that - it's very thin, but it's there in both cases. In the orange pie the blue slice is under the orange slice.

[KacperMadej]

Hi @anurag-desai

Thank you for reporting about the problem.
Value of 0 shouldn't produce slice, but it does that - it's very thin, but it's there in both cases. In the orange pie the blue slice is under the orange slice.

[TorsteinHonsi]

Workaround

You can override the shapeArgs to avoid closing the circles.

Highcharts.wrap(Highcharts.seriesTypes.pie.prototype, 'drawPoints', function(proceed) {
    Highcharts.each(this.points, function(p) {
        if (p.shapeArgs) {
            p.shapeArgs.open = false;
        }
    });
    proceed.call(this);
});

View it live on jsFiddle.

[TorsteinHonsi]

Workaround

You can override the shapeArgs to avoid closing the circles.

Highcharts.wrap(Highcharts.seriesTypes.pie.prototype, 'drawPoints', function(proceed) {
    Highcharts.each(this.points, function(p) {
        if (p.shapeArgs) {
            p.shapeArgs.open = false;
        }
    });
    proceed.call(this);
});

View it live on jsFiddle.