CODEWITHSUNDEEP
d3.jschartsc3.js
segFault
segFault

Reputation: 1228

C3.js make area chart not opaque

Im following using this example : http://c3js.org/samples/chart_area_stacked.html

I am going to make an area chart for many dataSets and I want to make it so the area chart is not see through. Is there any property I can set or class I can add that will make it so?

Upvotes: 1

Views: 4036

Answers (1)

Chetan
Chetan

Reputation: 2756

You can change the opacity to make the areas opaque by overriding below css rule:-

.c3-area {
  opacity: 1 !important;
}

Note:- Markers and tooltip vertical line is not visible fully because of side-effects.

Which looks as shown below:-

enter image description here

Upvotes: 5

Related Questions