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 chart line colors #539

Closed
pablodicosta opened this issue May 3, 2019 · 7 comments
Closed

Radar chart line colors #539

pablodicosta opened this issue May 3, 2019 · 7 comments
Assignees
Milestone

Comments

@pablodicosta
Copy link

pablodicosta commented May 3, 2019

I couldn't find a way to change line colors for standard radar charts. It always renders the same color scheme.
If I use chartColors property, only the data points colors are changed, but the line colors remains the same.
Is there a way to change them? or is it a PowerPoint limitation?

@gitbrent
Copy link
Owner

gitbrent commented May 6, 2019

Can you create what you're looking for in PowerPoint?

If so, will you include a screencap of the settings used?

@jealmgren
Copy link

I've the same issues. I cannot change the colors of the lines. chartColors only changes the color of the markers.

Result:
image

Code:

      let radarChartData = [
        {
          name: 'Series 1',
          labels: ['Lab1', 'Lab2', 'Lab3', 'Lab3', 'Lab4', 'Lab5'],
          values: [3, 4, 6, 4, 1, 0]
        },
        {
          name: 'Series2',
          labels: ['Lab1', 'Lab2', 'Lab3', 'Lab3', 'Lab4', 'Lab5'],
          values: [0, 7, 3, 8, 0, 0]
        }
      ]
      let radarChartOpts = {
        x: 9.97,
        y: 4.21,
        w: 3.45,
        h: 2.75,
        showTitle: true,
        title: 'Title',
        titleFontFace: 'Franklin Gothic Book',
        titleFontSize: 9,
        showLegend: true,
        legendFontFace: 'Franklin Gothic Book',
        legendFontSize: 8,
        legendPos: 'b',
        catAxisLabelFontFace: 'Franklin Gothic Book',
        catAxisLabelFontSize: 8,
        catAxisLineShow: false,
        valAxisHidden: true,
        valGridLine: { color: 'D9D9D9', size: 0.75 },
        chartColors: ['FF0000', '7F7F7F']
      }
      slide.addChart(ppt.charts.RADAR, radarChartData, radarChartOpts)

@gzeeel
Copy link

gzeeel commented Aug 17, 2021

Hello, any update on this on ? does anyone successed in changing radar line colors please ? I got the same issue.
Thanks
image

@ankush-uipath-13
Copy link

Hello, any update on this issue ? does anyone able to change the color for radar lines? I am stuck with same issue.
Thanks

radar

@gitbrent
Copy link
Owner

Thanks for opening this issue @pablodicosta

The library was not correctly handling line color properties and the demos available were not well documented.

I've enabled line colors and updated the demos - the updated code will ship with v3.10

Screen Shot 2022-02-24 at 20 56 00

@gitbrent
Copy link
Owner

Thanks to @jealmgren @gzeeel @ankush-uipath-13 for the reminder about this issue.

Feel free to test with the latest build and review the updated typedefs.

@pablodicosta
Copy link
Author

@gitbrent I forgot that I had reported this issue and it feels good seeing it fixed. Thank you very much! :D

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

No branches or pull requests

5 participants