Browse Source

added `.inverted` class

Usage: Add `.inverted` class to `.chart` to make axis' colors inverted.
pull/2096/head
Cerem Cem ASLAN 7 years ago committed by GitHub
parent
commit
63722e382d
  1. 17
      c3.css

17
c3.css

@ -165,3 +165,20 @@
.c3-chart-arc .c3-gauge-value { .c3-chart-arc .c3-gauge-value {
fill: #000; fill: #000;
/* font-size: 28px !important;*/ } /* font-size: 28px !important;*/ }
/* inverted class, useful for displaying data on dark backgrounds */
.inverted .c3 .c3-axis-x path,
.inverted .c3 .c3-axis-x line,
.inverted .c3 .c3-axis-y path,
.inverted .c3 .c3-axis-y line {
stroke: white;
}
.inverted .c3 .c3-axis-x g,
.inverted .c3 .c3-axis-y g,
.inverted .c3 .c3-legend-item-data text {
fill: whitesmoke;
}

Loading…
Cancel
Save