search

jettro / c3-angular-directive

Contains angularjs directives that use c3js to create good looking graphs
http://jettro.github.io/c3-angular-directive/
MIT License
203 stars 98 forks source link

tick-rotate not working when axis-rotate="true" #151

Open ljerka opened 7 years ago

ljerka commented 7 years ago

I'm trying to rotate ticks on x-axes, but am not able to. When chart-axis isn't rotated, it rotates x-axes ticks, but not y-axes ticks. When chart-axis is rotated, neither x nor y-axes ticks are rotated. Here is the code:

<c3chart bindto-id="chart1">
    <chart-column column-id="x"/>
    <chart-column column-id="bar1" column-values="{{ chart.bar1 }}" column-type="bar"/>
    <chart-column column-id="bar2" column-values="{{ chart.bar2 }}" column-type="bar"/>
    <chart-axes values-x="x"/>
    <chart-axis axis-rotate="true">
        <chart-axis-x axis-position="outer-center" axis-label="" axis-type="category">
            <chart-axis-x-tick tick-rotate="45"/>
        </chart-axis-x>
        <chart-axis-y>
            <chart-axis-y-tick tick-rotate="45"/>
        </chart-axis-y>
    </chart-axis>
</c3chart>