Line Chart Colours

        var ctxL = document.getElementById("lineChart").getContext('2d');
    var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [{
            label: "My First dataset",
            fillColor: "rgba(0,0,0,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            backgroundColor: [
              "rgba(76,137,238,1)",
            ],
            borderColor: [
              "rgba(32,33,249, 0.2)",
            ],

            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 80, 81, 56, 55, 40]
          },
          {
            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: [28, 48, 40, 19, 86, 27, 90]
          }
        ]
      },
      options: {
        responsive: true
      }
    });

nickdownes commented 7 years ago

Thank you very much Piotr, will changing the fillColor, strokeColor, pointStrokeColor, pointHighlightFill or pointHighlightStroke colours make any difference? should/can they be ommited.

---

Piotr Glejzer staff commented 7 years ago

I'm really confused but you don't have to change it to change color and you can omit this (for now). I don't know why it's not working. We will fix that. Best, Piotr

---

nickdownes commented 7 years ago

Ok Thanks again for your time Piotr, your fix has changed the colour which is what I wanted to do in the first place, I was really just wondering if the other attributes were working. Thanks a lot.

---