New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unexpected vertical line in full pie chart #6616

Open
zhy1stgg opened this Issue Apr 20, 2017 · 7 comments

Comments

Projects
None yet
6 participants
@zhy1stgg

zhy1stgg commented Apr 20, 2017

@zhy1stgg zhy1stgg changed the title from unExpected vertical line in full pie chart to Unexpected vertical line in full pie chart Apr 20, 2017

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Apr 24, 2017

Collaborator

Thanks for reporting.

Collaborator

TorsteinHonsi commented Apr 24, 2017

Thanks for reporting.

@sebastianbochan

This comment has been minimized.

Show comment
Hide comment
@sebastianbochan

sebastianbochan Apr 24, 2017

Contributor

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:

Contributor

sebastianbochan commented Apr 24, 2017

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:

@mateuspv

This comment has been minimized.

Show comment
Hide comment
@mateuspv

mateuspv May 22, 2017

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:
line

@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 commented May 22, 2017

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:
line

@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

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi May 24, 2017

Collaborator

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.

Collaborator

TorsteinHonsi commented May 24, 2017

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

This comment has been minimized.

Show comment
Hide comment
@anurag-desai

anurag-desai Jan 8, 2018

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.
highchartimages

anurag-desai commented Jan 8, 2018

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.
highchartimages

@KacperMadej

This comment has been minimized.

Show comment
Hide comment
@KacperMadej

KacperMadej Jan 8, 2018

Contributor

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.

Contributor

KacperMadej commented Jan 8, 2018

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 KacperMadej reopened this Jan 8, 2018

@KacperMadej KacperMadej added the Bug label Jan 8, 2018

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Jan 9, 2018

Collaborator

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.

Collaborator

TorsteinHonsi commented Jan 9, 2018

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment