繁体   English   中英

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

[英]Chart.js line chart display decimal values on Y axis

我正在处理一个利用Chart.js库显示折线图的ASP.NET MVC5应用程序。 我无法在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,显然存在错误。 逗号与点标准在这里似乎很重要。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM