Skip to content
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

Radar Polygon Stroke Color Property Not Working #1490

Closed
Thimows opened this issue Apr 11, 2020 · 6 comments
Closed

Radar Polygon Stroke Color Property Not Working #1490

Thimows opened this issue Apr 11, 2020 · 6 comments

Comments

@Thimows
Copy link

Thimows commented Apr 11, 2020

I am implementing the radar chart, but I run into an issue. When the polygon 'stroke color' property of the radar chart gets changed, the polygon stroke color stays the default color. No errors are visible. This is the property:

plotOptions: {
        radar: {
          size: 140,
          polygons: {
  ->      strokeColor: "#000000",
            fill: {
              colors: ["#f8f8f8", "#fff"]
            }
          }
        }
      },

Here is a pen that shows the issue:
https://codepen.io/thimows/pen/poJxvRP

Hopefully this bug can be confirmed and fixed.

@junedchhipa
Copy link
Contributor

It's actually polygons.strokeColors
You missed the s.
It accepts an array as well - docs

@Thimows
Copy link
Author

Thimows commented Apr 11, 2020

Thank you so much! That fixed it! I think there is a typo on the docs page here (here it is polygons.strokeColor -> without the 's').

@junedchhipa junedchhipa reopened this Apr 11, 2020
@junedchhipa
Copy link
Contributor

Thanks for pointing that out.

@Thimows
Copy link
Author

Thimows commented Apr 11, 2020

Hi @junedchhipa I have one last question (hope you don't mind). I am trying to change the Y-axis label font color of the Radar chart, but it doesn't seem to work (while it works for the x-axis).

yaxis: {
      show: true,
      labels: {
          show: true,
          align: 'right',
          minWidth: 0,
          maxWidth: 160,
          style: {
 --->      colors: ["#ffffff"],
              fontSize: '12px',
              fontFamily: 'Helvetica, Arial, sans-serif',
              fontWeight: 400,
              cssClass: 'apexcharts-yaxis-label',

}, 
}
}

Here is the pen to illustrate the issue:
https://codepen.io/thimows/pen/poJxvRP

Hope that this is as easy to fix as the last issue (;

@Thimows
Copy link
Author

Thimows commented Apr 12, 2020

Do you think that this could be a bug or should I create a separate post for this issue?

@junedchhipa
Copy link
Contributor

It's a bug in ApexCharts - a minor typo which I have missed in y-axis labels for radar-charts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants