0 line style of Chart.js line chart

๐Ÿ‘:0

Line Colors are handled by setting the fill colors in the datasets you feed to the chart. The most notable would be fillColor, strokeColor, and pointColor.

Here is a sample line chart object that colors the 2 lines/series in the chart:

var obj=    {
                labels : ["January","February","March","April","May","June","July"],
                datasets : [
                    {
                        label: "My First dataset",
                        fillColor : "rgba(220,220,220,0.2)",
                        strokeColor : "rgba(220,220,220,1)",
                        pointColor : "rgba(220,220,220,1)",
                        pointStrokeColor : "#fff",
                        pointHighlightFill : "#fff",
                        pointHighlightStroke : "rgba(220,220,220,1)",
                        data : 1,2,3,4,5,6,7]
                    },
                    {
                        label: "My Second dataset",
                        fillColor : "rgba(151,187,205,0.2)",
                        strokeColor : "rgba(151,187,205,1)",
                        pointColor : "rgba(151,187,205,1)",
                        pointStrokeColor : "#fff",
                        pointHighlightFill : "#fff",
                        pointHighlightStroke : "rgba(151,187,205,1)",
                        data : [1,2,3,4,5,6,7]
                    }
                ]

            };

Leave a comment