codetricity/2018-09-04.md

Last active September 4, 2018 12:37

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/codetricity/b1230a404086704549bdd51b09881412.js"></script>
Save codetricity/b1230a404086704549bdd51b09881412 to your computer and use it in GitHub Desktop.

Download ZIP

continuation of text rotation

Raw

2018-09-04.md

alter x axis

 .attr("x", function(d, i){
        return i * 40 + margin;
        
        
.attr("transform", function(d, i){
        var angle = i * 30;
        var x = i * 40 + margin;
        return   "rotate(" + angle + "," +
            x + ", 200)";
    })

adjust y axis

    .attr("y", function(d, i){
        return i * 30 + margin;
    })

adjust scale

        return   "rotate(" + angle + "," +
            x + "," + y + ")" +
            "scale(0.5, 0.5) ";

Adjust color

    .style('fill', function(d, i){

        var b = i * 13;
        return 'rgb(211,' + b + ' ,255)';
    })

In the example above, I also adjusted the x spacing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment