Nivo: Add a theme option to change the color of the LineSlicesItem's line

Created on 12 Sep 2018  路  3Comments  路  Source: plouc/nivo

https://github.com/plouc/nivo/blob/master/packages/line/src/LineSlicesItem.js#L36

It's fixed as #000, making it hard to use with dark backgrounds:
image

line theming enhancement

Most helpful comment

Fixed by https://github.com/plouc/nivo/pull/512/commits/bd7a40545229bd9f2e635ef57681df91ba90e1ce, you can customize it using theme.crosshair.line, which default to:

crosshair: {
    line: {
        stroke: '#000000',
        strokeWidth: 1,
        strokeOpacity: 0.35,
    },
}

All 3 comments

I could use this one too! I have a similar background.

:100: this would be a great improvement, though passing in any number of styles would probably make it even more flexible (as is done elsewhere)

Fixed by https://github.com/plouc/nivo/pull/512/commits/bd7a40545229bd9f2e635ef57681df91ba90e1ce, you can customize it using theme.crosshair.line, which default to:

crosshair: {
    line: {
        stroke: '#000000',
        strokeWidth: 1,
        strokeOpacity: 0.35,
    },
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

ellipticaldoor picture ellipticaldoor  路  4Comments

zhe1ka picture zhe1ka  路  3Comments

gcloeval picture gcloeval  路  3Comments

cedmax picture cedmax  路  4Comments

knackjax picture knackjax  路  3Comments