[英]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.