图表.js折线图在 Y 轴上显示十进制值

Chart.js line chart display decimal values on Y axis

本文关键字:显示 十进制 js 折线图 图表      更新时间:2023-09-26

我正在处理一个 ASP.NET MVC5应用程序,该应用程序利用Chart.js库来显示折线图。我无法在 Y 轴上显示十进制值。这些值在图表上显示为整数。知道为什么吗?

float[] currentTemperatureArray = ViewBag.valuesArray;
string[] labelsArray = ViewBag.labelsArray;
<script>
var chartLabels = [];
var chartValuesCT = [];
        @{
        for (int i = 0; i < labelsArray.Length; i++)
        {
                @:chartLabels[@i] = "@labelsArray[i]";
                    }
    }
    @{
        for (int i = 0; i < currentTemperatureArray.Length; i++)
        {
                         @:chartValuesCT[@i] = @currentTemperatureArray[i];
                     }
var lineChartData =
                        {
                            labels: chartLabels,
                            datasets : [
                            {
                                label: "Current Temperature",
                                format: '{value:.5f}',
                                fillColor : "rgba(220,220,220,0.2)",
                                strokeColor : "rgba(220,220,220,1)",
                                pointColor : "rgba(220,220,220,1)",
                                pointStrokeColor : "#fff",
                                pointHighlightFill : "#fff",
                                pointHighlightStroke : "rgba(220,220,220,1)",
                                data: chartValuesCT
                            }]}
            window.onload = function(){
                var ctx = document.getElementById("canvas").getContext("2d");
                ctx.canvas.height = window.innerHeight;
                ctx.canvas.width = window.innerWidth;
                window.myLine = new Chart(ctx).Line(lineChartData, {
                    scaleOverride : true,
                    scaleSteps : 1,
                    scaleStepWidth : 20,
                    scaleStartValue : -20,
                    responsive: true
                });
            }
    </script>

问题在于十进制数的格式。显然,将数字从 .NET 转换为 javascript 存在错误。逗号与点标准在这里似乎很重要。