Chart.js折線圖顯示Y軸上的十進制值

我正在處理一個使用Chart.js庫顯示折線圖的ASP.NET MVC5應用程序。我無法在Y軸上顯示小數值。這些值在圖表上顯示爲整數。任何想法爲什麼？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>

來源

2016-03-04 Francesco

您可能還想添加您的值和截圖。乾杯! – potatopeelings

問題在於小數如何格式化。顯然，將.NET中的數字轉換爲javascript會導致錯誤。逗號與點標準在這裏似乎很重要。

來源

2016-04-04 17:46:31 Francesco

您是否可以進一步解釋這是否已經轉換了小數，並且您需要更改它，或者如果必須將該值更改爲字符串並轉換小數點替換。有或...？ – Myzifer

Chart.js折線圖顯示Y軸上的十進制值

回答

相關問題