Django de-at地区数字格式与Chart.js数据解析冲突解决方案求助

问题根因 #

你遇到的问题本质是混淆了数值计算用的原始数据和面向用户展示的格式化文本的使用场景：你把德奥本地化格式的数字直接写入了JS代码，JS语法中逗号是数组元素分隔符、英文点是小数点，自然会把568.987,68解析成568.987和68两个独立的数组元素，和Chart.js本身的功能无关。

可行解决方案 #

核心原则是：原始计算数据用标准数字格式传输，仅在最终展示层做本地化处理，不需要修改Django全局语言配置。

1. Django侧调整输出逻辑 #

给前端传输两类数值即可：

• 绘图用原始数值：直接输出Python原生的int/float类型，不要加任何本地化格式化，你可以用Django模板的unlocalize过滤器强制输出标准数字格式
• 页面文本展示用数值：保留原有localize过滤器输出德奥格式的字符串，满足用户阅读习惯

2. Chart.js侧保留现有本地化配置即可 #

你之前设置的locale: 'de-DE'本身是生效的，只要传入的原始数据是标准数字格式，Chart.js会自动将坐标轴标签、悬浮提示框（tooltip）中的数值转换为德奥格式展示，不需要额外处理。

修正后的代码示例 #

你提供的示例代码只需要修改data字段的数值为标准JS数字格式即可正常运行：

<canvas id="testChart" width="200" height="100"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"></script>
<script>
var ctx = document.getElementById('testChart').getContext('2d');
var testChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['+', '-'],
        datasets: [{
            label: 'Years 1 - 20',
            data:  [568987.68, 0],
            backgroundColor: [
            'rgba(54, 162, 235, 0.2)'
            ],
            borderColor: [
            'rgba(54, 162, 235, 0.2)'
            ],
            borderWidth: 1
        }, {
            label: 'Einnahmen nach 20',
            data:  [1265986.32 , 0],
            backgroundColor: [
            'rgba(255, 99, 132, 0.2)'
            ],
            borderColor: [
            'rgba(255, 99, 132, 0.2)'
            ],
            borderWidth: 1
        },{
            label: 'EK',
            data:  [0, 120000.00],
            backgroundColor: [
            'rgba(200, 50, 132, 0.2)'
            ],
            borderColor: [
            'rgba(200, 50, 132, 0.2)'
            ],
            borderWidth: 1
        }, {
            label: 'FK',
            data:  [0, 480000.00],
            backgroundColor: [
            'rgba(150, 20, 132, 0.2)'
            ],
            borderColor: [
            'rgba(150, 20, 132, 0.2)'
            ],
            borderWidth: 1
        }
        ]
    },
    options: {
        plugins: {
            title: {
                display: true,
                text: 'Testgrafik'
            },
        },
        locale: 'de-DE',
        responsive: true,
        scales: {
            x: {
                stacked: true,
            },
            y: {
                stacked: true
            }
        }
    }
});
</script>

如果是Django模板动态渲染数值，只需要把对应位置改成原始数值输出即可，示例：

data:  [{{ your_numeric_value|unlocalize }}, 0],

内容的提问来源于stack exchange，提问作者ducks17