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

Possible stroke display issue on ticks labels for a radial scale #11338

Closed
mylittlechart opened this issue Jun 9, 2023 · 0 comments · Fixed by #11346
Closed

Possible stroke display issue on ticks labels for a radial scale #11338

mylittlechart opened this issue Jun 9, 2023 · 0 comments · Fixed by #11346

Comments

@mylittlechart
Copy link

mylittlechart commented Jun 9, 2023

I found a potential bug in the code that may result in a stroke not being displayed on ticks labels for a radial scale.

Expected behavior

The textStrokeWidth and textStrokeColor properties should apply a stroke to the ticks labels for the radial scale.

Code:

scale: {
    ticks: {
        beginAtZero: true,
        max: 10,
        stepSize: 2,
        callback: function (value, index, values) {
            return value;
        },
        textStrokeWidth: 2, // Text stroke width for ticks
        textStrokeColor: 'green' // Text stroke color for ticks
    },
    pointLabels: {
        fontSize: 14
    }
}

Current behavior

The stroke may not be displayed on the ticks labels for the radial scale.
Codepen example here

Reproducible sample

https://codepen.io/MLC-codepend/pen/qBQEvav

Optional extra steps/info to reproduce

  1. Set up a radial chart with the given code configuration.
  2. Observe the ticks labels for the radial scale to check if the stroke is displayed.

Possible solution

No response

Context

No response

chart.js version

v4.3.0

Browser name and version

Crome Version 114.0.5735.106 (Official build) (arm64)

Link to your project

https://codepen.io/MLC-codepend/pen/qBQEvav

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

Successfully merging a pull request may close this issue.

1 participant