Chart style updates

2026-04-22 22:34:53 -04:00 · 2023-09-03 11:58:24 -05:00
parent b608e38454
commit 0f160707d3
5 changed files with 33 additions and 4 deletions
@@ -1,6 +1,7 @@
 import Chart from 'chart.js/auto';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { defaultFontFamily } from 'Styles/Variables/fonts';

 function getColors(kind) {

@@ -22,7 +23,15 @@ class DoughnutChart extends Component {
        plugins: {
          title: {
            display: true,
-            text: this.props.title
+            align: 'start',
+            text: this.props.title,
+            padding: {
+              bottom: 30
+            },
+            font: {
+              size: 14,
+              family: defaultFontFamily
+            }
          },
          legend: {
            position: 'bottom'