图表.js折线图在 Y 轴上显示十进制值
Chart.js line chart display decimal values on Y axis
我正在处理一个 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 存在错误。逗号与点标准在这里似乎很重要。
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 如何避免X轴显示十进制值
- 末尾的十进制零不显示.请任何人帮帮我
- 为什么项目符号图显示十进制数,而我们的范围为1
- 图表.js折线图在 Y 轴上显示十进制值
- JQuery 未显示正确的十进制输出
- 如何在d3 radialProgress中显示十进制数字
- 文本框不显示十进制值 jQuery
- 如何以十进制显示给定年份的确切月份
- 当mysql提供十进制纬度和经度时,谷歌地图显示错误的地图
- 如果为float,则显示小数点2位;如果为int,则显示十进制0位
- 显示计算的文本框与十进制使用javascript
- 如何在html中显示var值为十进制后的两位数字
- 如果数字不是双精度值,则无法显示最多两个十进制值的双精度类型值
- HTML5数字输入-显示为百分比而不是十进制