Skip to content
New issue

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

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

Already on GitHub? # 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

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

No branches or pull requests

5 participants