search

mauriciopoppe / function-plot

A 2d function plotter for the web
https://mauriciopoppe.github.io/function-plot/
MIT License
926 stars 113 forks source link

Styling to control the grid, line thickness, label size, etc #234

Open heman-theman opened 1 year ago

heman-theman commented 1 year ago

Hello Thanks for this plotter, it's great.

I want to be able to change the settings on the grid, line thickness, size of labels, etc.. Your docs page is down. Do you have another location for the documentation?

Thanks

minoush82 commented 1 year ago

Yes, there is a pressing need for this.

I see you are ahead of me, you seem to want to control the size of the labels. I cannot figure out how to put a label in the first place. Care to share your wisdom?

mauriciopoppe commented 1 year ago

With CSS:

.function-plot .y.axis text {
  font-size: 30px;
}

You could do similar overrides through CSS for other components.

heman-theman commented 1 year ago

And for the thickness of the graph? Thanks

mauriciopoppe commented 1 year ago

The following only works with the graphType: 'polyline' graphtype

.function-plot path.line {
  stroke-width: 5;
}
stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

muhidabid commented 6 months ago

I am trying to modify the size and background of the x and y-axis labels because they are too small and get hidden in some cases. What would be the CSS for that?