Chellaris/chellaris-galaxy-political-compass
Chellaris/chellaris-galaxy-political-compass
Archived
1
0
Fork 0
Code Issues 2 Pull requests Activity

Chart Labels fix

Browse source
This commit is contained in:
Neshura 2023-06-02 01:22:41 +02:00
parent aefecaedd7
commit 7f90fd1a80
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/charts/pops.tsx
View file

@ -3,7 +3,7 @@
import useSWR from "swr"; import useSWR from "swr";
import { Chart as ChartJS, registerables } from 'chart.js'; import { Chart as ChartJS, registerables } from 'chart.js';
import { Pie } from "react-chartjs-2"; import { Pie } from "react-chartjs-2";
import ChartDataLabels from 'chartjs-plugin-datalabels'; import ChartDataLabels, { Context } from 'chartjs-plugin-datalabels';
import { Species } from '../../types/stellaris'; import { Species } from '../../types/stellaris';
const fetcher = async (url:any) => await fetch(url).then((res) => res.json()); const fetcher = async (url:any) => await fetch(url).then((res) => res.json());
@ -74,7 +74,7 @@ export const PopChart = () => {
display: true display: true
}, },
datalabels: { datalabels: {
formatter: (value: any, context: any) => { formatter: (value: any, context: Context) => {
if (value > 0) { if (value > 0) {
return Species[context.dataIndex]; return Species[context.dataIndex];
} }
@ -82,8 +82,7 @@ export const PopChart = () => {
return ""; return "";
} }
}, },
anchor: 'center',
align: 'end',
color: 'black' color: 'black'
}, },
}, },