[Chartjs]-Chart js options not changing chart

1👍

ChartJS v2.0

Change next:

Color

         datasets: [{
            fillColor: "rgba(0, 255, 0, 1.0)",
            data: ["1", "2", "3"]
        }]

to

         datasets: [{
            backgroundColor: "rgba(0, 255, 0, 1.0)",
            borderColor: "#000",
            data: ["1", "2", "3"]
        }]

Rotation of lables

            xAxes: [{
                ticks: {
                    minRotation: 90
                }
            }]

to

            xAxes: [{
                ticks: {
                    maxRotation: 0, //Do not change ticks width. Or increase              if you need to change also ticks.
                },
                afterCalculateTickRotation : function (self) {
                    self.labelRotation = 90; //Or any other rotation of x-labels you need.
                }
            }]

Manual labels rotation ChartJS v2.0

Leave a comment