measurements.js 684 Bytes
Newer Older
1 2 3 4 5 6 7 8 9 10
export default {
  small: { // Covers both xs and sm screen sizes
    margin: {
      top: 40,
      right: 40,
      bottom: 50,
      left: 40,
    },
    legends: {
      width: 15,
11
      height: 25,
12 13 14 15 16 17
    },
    backgroundLegend: {
      width: 30,
      height: 50,
    },
    axisLabelLineOffset: -20,
18
    legendOffset: 35,
19 20 21 22 23 24 25 26 27 28
  },
  large: { // This covers both md and lg screen sizes
    margin: {
      top: 80,
      right: 80,
      bottom: 100,
      left: 80,
    },
    legends: {
      width: 20,
29
      height: 30,
30 31 32 33 34 35
    },
    backgroundLegend: {
      width: 30,
      height: 150,
    },
    axisLabelLineOffset: 20,
36
    legendOffset: 38,
37
  },
38 39
  xTicks: 8,
  yTicks: 3,
40
};