Skip to content

How to change marker color for only some values in line graph? #145

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.

Sign up for GitHub

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

Jump to bottom
Open
harikrishnanp opened this issue May 21, 2019 · 3 comments
Open

How to change marker color for only some values in line graph? #145

harikrishnanp opened this issue May 21, 2019 · 3 comments

Comments

@harikrishnanp
Copy link

harikrishnanp commented May 21, 2019 •
edited
Loading

I'm using the following code to create a line graph with markers. I'm able to customize markers with marker prop. But how can I dynamically change with respect to the value plotted? Please advice.

Eg: Value 8 will have different marker.

Screen Shot 2019-05-21 at 3 57 59 PM

Code:

<Plot
        data={[
          {
            x: [1, 2, 3, 4],
            y: [3, 5, 8, 5],
            type: 'scatter',
            mode: 'lines+markers',
            marker: {color: 'red'},
          },
        ]}
        layout={{width: 320, height: 240, title: 'A Fancy Plot'}}
/>
@nicolaskruchten
Copy link
Contributor

Instead of marker: {color: 'red'} you can provide an array of colors like marker: {color: ['red', 'red', 'blue', 'red']} :)

@UnnikrishnanBhargavakurup
Copy link

UnnikrishnanBhargavakurup commented May 25, 2020 •
edited
Loading

@nicolaskruchten - I'm using the following function to add points dynamically. How I can add different colour to points dynamically?

Plotly.extendTraces('graph', {
    y: [[rand()], [rand()], [rand()]]
}, [0, 1, 2])

Thanks.

@elquimista
Copy link

@UnnikrishnanBhargavakurup did you find sol?

@JamesRamm JamesRamm mentioned this issue Mar 10, 2022
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@nicolaskruchten @UnnikrishnanBhargavakurup @harikrishnanp @elquimista