swimlane / ngx-charts

:bar_chart: Declarative Charting Framework for Angular
https://swimlane.github.io/ngx-charts/
MIT License
4.29k stars 1.15k forks source link

Is there a way to change style of X/Y-axis name(not labels) for different bars in bar charts? #675

Open ishwark7 opened 6 years ago

ishwark7 commented 6 years ago

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here

Current behavior

There is no handle to change styleof X-Y axis names in bar charts eg: https://swimlane.gitbooks.io/ngx-charts/content/charts/bar-horizontal.html There is no way I can change styleof 'Germany/USA/France'

Expected behavior

We should be able to apply custom style on the names

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

marjan-georgiev commented 6 years ago

You should be able to override the CSS for the axis labels.

Crodaycat commented 4 years ago

This way you can select axis label with css:

For both axis: g.axis > g:last-child > text

For both For X Axis: g.x.axis > g:last-child > text

For Y Axis: g.y.axis > g:last-child > text

This works for me on bar-charts.