search

esbullington / react-d3

Modular React charts made with d3.js
https://reactiva.github.io/react-d3-website/
MIT License
1.75k stars 179 forks source link

colors #331

Closed coderjonny closed 8 years ago

coderjonny commented 8 years ago

Hi,

Awesome graphs.. but for further configuration like changing colors, how would you do that?

matsad3547 commented 7 years ago

@coderjonny, how did you end up changing the colors for your graph? I'm trying to figure that out and haven't seen any documentation on how to do it yet. The fill attribute doesn't seem to have any effect.

yang-wei commented 7 years ago

color is done via passing in colorAccessor props

https://github.com/esbullington/react-d3/wiki/CartesianChartPropsMixin

anyway if you are using react-d3 with new project please have a look at https://github.com/yang-wei/rd3

matsad3547 commented 7 years ago

Thanks for your reply! I actually moved away from react-d3 for the reason of colors and to get a fixed y-scale (I was using the bar chart) because I need to compare several sets of data and the relative size difference is an important part of the visualization. Is there a provision in react-d3 for a fixed y-axis scale for bar charts?

On Wed, Dec 7, 2016 at 6:11 PM, Lim Yang Wei notifications@github.com wrote:

color is done via passing in colorAccessor props

https://github.com/esbullington/react-d3/wiki/CartesianChartPropsMixin

anyway if you are using react-d3 with new project please have a look at https://github.com/yang-wei/rd3

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/esbullington/react-d3/issues/331#issuecomment-265624046, or mute the thread https://github.com/notifications/unsubscribe-auth/ATUAN6bG4Up1u_ecpPtz_6iw77j9AYwQks5rF1lJgaJpZM4I2quA .

yang-wei commented 7 years ago

what do you mean by a fixed y-scale ?

In https://github.com/yang-wei/rd3 you get to customize your own y-axis including the scale. Can this help ? https://yang-wei.github.io/rd3/docs/new/axis.html

matsad3547 commented 7 years ago

The y scale changes with the max y value of the data I put in so that the highest bar is always the rendered the same height, even though they are different values. I need them to render to heights proportional to their values. Does that make sense?

On Sun, Dec 11, 2016 at 6:08 PM, Lim Yang Wei notifications@github.com wrote:

what do you mean by a fixed y-scale ?

In https://github.com/yang-wei/rd3 you get to customize your own y-axis including the scale. Can this help ? https://yang-wei.github.io/ rd3/docs/new/axis.html

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/esbullington/react-d3/issues/331#issuecomment-266322869, or mute the thread https://github.com/notifications/unsubscribe-auth/ATUAN8YAEOlWSfrDke7zc_4ynkr3DPDhks5rHJ6DgaJpZM4I2quA .