How to change line colors of chart in Chartist.js

Question

I'm currently using Chartist.js, But I can't change the default line colors of Chart.

Chartist.js

For SIMPLE LINE CHART I've tried:

.ct-series-a .ct-line{
    background-color: blue;
}

But It brings no result. How to fix this?

Zel

This question has been answered here: #35402643. You need to override the correct css classes (they are slightly longer than yours). – Atherosclerosis

Answer 1

Try this:

.ct-series-a .ct-line {
  /* Set the colour of this series line */
  stroke: red;
  /* Control the thikness of your lines */
  stroke-width: 5px;
  /* Create a dashed line with a pattern */
  stroke-dasharray: 10px 20px;
}

https://gionkunz.github.io/chartist-js/getting-started.html#customizing-the-default-css

Smattering

Diego, you can add some explanation to enrich the resolution for future use. – Menial

Is it possible to use background image ? – Malaysia