territories-dashboard-lib 0.1.22__py3-none-any.whl → 0.1.23__py3-none-any.whl

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/proportions.mjs

@@ -5,14 +5,30 @@ import { COLORS } from "../enums.mjs";
 import { addEmptyGraphMessage } from "./utils.mjs";
 import { formatIndicatorValue } from "../format.mjs";
 
-function getPlugins(indicator) {
+function getPlugins(indicator, total) {
+    function getLabelFromValue(value) {
+        return `${formatIndicatorValue(value)} ${indicator.unite}`;
+    }
     return {
         datalabels: {
-            display: (ctx) => {
-                if (!ctx.dataset.data[ctx.dataIndex]) {
-                    return false;
-                }
-                return "auto";
+            display: (context) => {
+                const chart = context.chart;
+                const canvasWidth = chart.canvas.width;
+                const value = context.dataset.data[context.dataIndex];
+                const barWidth = (value / total) * canvasWidth;
+                const label = getLabelFromValue(value);
+
+                // --- measure text width in pixels ---
+                const ctx = chart.ctx;
+                const font = Chart.helpers.toFont(Chart.defaults.font);
+                ctx.font = font.string;
+                const labelWidth = ctx.measureText(label).width;
+
+                // Add some padding
+                const padding = 4;
+
+                // Only display label if it fits
+                return labelWidth + padding < barWidth;
             },
             color: (context) => {
                 const bgColor = context.dataset.backgroundColor;
@@ -23,14 +39,14 @@ function getPlugins(indicator) {
             font: {
                 weight: "bold",
             },
-            formatter: (value) =>
-                `${formatIndicatorValue(value)} ${indicator.unite}`,
+            formatter: getLabelFromValue,
         },
         tooltip: getToolTip(indicator.unite),
     };
 }
 
 function makeProportionsChart(indicator) {
+    console.log("PROPORTIONS");
     const { territory_name: label } = getParams();
 
     const ctx = document.getElementById("proportionsChart");
@@ -54,6 +70,8 @@ function makeProportionsChart(indicator) {
         return;
     }
 
+    const total = datasets.map((d) => d.data[0]).reduce((a, b) => a + b, 0);
+
     setBackgroundInDatasets(datasets);
 
     const data = {
@@ -63,7 +81,7 @@ function makeProportionsChart(indicator) {
     const options = {
         indexAxis: "y",
         maintainAspectRatio: false,
-        plugins: getPlugins(indicator),
+        plugins: getPlugins(indicator, total),
         scales: {
             x: {
                 display: false,

{territories_dashboard_lib-0.1.22.dist-info → territories_dashboard_lib-0.1.23.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: territories-dashboard-lib
-Version: 0.1.22
+Version: 0.1.23
 Summary: Librairie pour la visualisation d'indicateurs territoriaux.
 Author-email: Bastien <bastien@prune.sh>
 Classifier: Programming Language :: Python :: 3

{territories_dashboard_lib-0.1.22.dist-info → territories_dashboard_lib-0.1.23.dist-info}/RECORD

@@ -99,7 +99,7 @@ territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/j
 territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/histogram.mjs,sha256=OhsSDo-TGwO2zaqRwOCVQlyHwc-elInd6r0aYay8dmo,3836
 territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/map.mjs,sha256=V55_6F3VdKkFvcLTBlhfPMJVHY-rqqkS-jmf-Ja0NJE,647
 territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/page.mjs,sha256=ELBGPptCWPcOOOyfvKfNk5OxldWneflemWUEPPbYTCY,3309
-territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/proportions.mjs,sha256=vr90rb_ODLFb7DXWDjUilnURCbtCEck92jqJhI1lyDY,2143
+territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/proportions.mjs,sha256=wHof0_c0F5iItUBXG7nTmiiZwB0XhSihv3XEm0uKDfU,2928
 territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/sankey.mjs,sha256=BmyO_NdcbscGREk2SyzddvbF2UUhWH56QrsZqeE-YOw,747
 territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/table.mjs,sha256=8DBZXWe_R4h7ZoDZVEpLRaE3M7V-H-j9F2hUoCWFwqI,6893
 territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/top10.mjs,sha256=OF_7hftvhUZ8mOPSWDEPmLy8KoqIx31xEW0x89OVFS8,2006
@@ -177,8 +177,8 @@ territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/websit
 territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/svg/delete-back.svg,sha256=fJPjkZT2jdTcW2nmwr7YtBayOmQKOxiGNyO8bM8jP2U,618
 territories_dashboard_lib/website_lib/templatetags/htmlparams.py,sha256=jWXlmT-nFh7YefVP_zJSXEA1YgT37wnWqelPhmj7UoM,2092
 territories_dashboard_lib/website_lib/templatetags/other_filters.py,sha256=EEczSQi8lJZ_rfceuXQz3iF1SIxh5d-3-liTY8lkKtU,944
-territories_dashboard_lib-0.1.22.dist-info/licenses/licence.md,sha256=9Tat8mM_Yyww-wmWps8avlOhzumqEUGYy8853tKy7aE,7804
-territories_dashboard_lib-0.1.22.dist-info/METADATA,sha256=2HkHTiCOOJUN-tD9uAtqLbF9hwWLJyyzBkHrbcloBRI,6191
-territories_dashboard_lib-0.1.22.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-territories_dashboard_lib-0.1.22.dist-info/top_level.txt,sha256=Cih-lil8CSXTpDZV6fgHKIKIBtUjDaNpmkiuW2TSzsk,26
-territories_dashboard_lib-0.1.22.dist-info/RECORD,,
+territories_dashboard_lib-0.1.23.dist-info/licenses/licence.md,sha256=9Tat8mM_Yyww-wmWps8avlOhzumqEUGYy8853tKy7aE,7804
+territories_dashboard_lib-0.1.23.dist-info/METADATA,sha256=iSLvtbGMWe276d7wEqrI4vWmONL1gdZvDc9jln-xFl8,6191
+territories_dashboard_lib-0.1.23.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+territories_dashboard_lib-0.1.23.dist-info/top_level.txt,sha256=Cih-lil8CSXTpDZV6fgHKIKIBtUjDaNpmkiuW2TSzsk,26
+territories_dashboard_lib-0.1.23.dist-info/RECORD,,