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

Heatmap Customizing Thresholds #647

Closed
canselcik opened this issue Jul 7, 2019 · 1 comment
Closed

Heatmap Customizing Thresholds #647

canselcik opened this issue Jul 7, 2019 · 1 comment

Comments

@canselcik
Copy link

I am using the heatmap view in the Perspective Viewer and everything is working well but I am looking to customize the color thresholds. Any way to achieve this through attributes or via Javascript?

@texodus
Copy link
Member

texodus commented Jul 11, 2019

Though not documented yet, you can override the color range used by the heatmap via CSS

perspective-viewer {
    --d3fc-gradient-full: linear-gradient(
        #feeb65 0%,
        #e4521b 22.5%,
        #4d342f 42.5%,
        #222222 50%,
        #1a237e 57.5%,
        #42b3d5 67.5%,
        #dcedc8 100%
    );
}

You will need the is="custom-style" attribute depending on your browser's support for custom elements.

<link rel='stylesheet' href="material.css" is="custom-style">

If this isn't what you're looking for, feel free to re-open with some more detail.

@texodus texodus closed this as completed Jul 11, 2019
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