Question

我正在处理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>

Answer 1

The problem lies in how the decimal numbers are formatted. Apparently there is an error by converting the number from .NET to javascript. The comma versus dot standard seems to be important here.

Chart.js折线图显示Y轴上的小数值

1 个答案: