我有一个图表,我想使用Chart.js包含在我的网站中.在Y轴上,它给出了实数而不是整数.如何将数字更改为整数?
这是我现在拥有的图片:
这是代码:
var lineChartData = {
labels : ["2013/04/01","2013/03/31", "2013/03/30", "2013/03/29", "2013/03/28","2013/03/27", "2013/03/26"],
datasets : [
{
fillColor : "rgba(151,187,205,0.5)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
data : ["0", "2","1", "0", "1","0","1"]
}
]
}
var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(lineChartData);
Run Code Online (Sandbox Code Playgroud) Chartjs是一个非常优秀的开源工具,但有一个关于我正在尝试创建的条形图的快速问题.鉴于此图表数据:
var chartData = {
labels : labels,
datasets :[
{
fillColor : "rgba(220,220,220,0.5)",
strokeColor : "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
scaleOverride: true,
scaleSteps: 9,
data : values
}
]
}
Run Code Online (Sandbox Code Playgroud)
我曾希望图表的最高值为10,无论是否有10的值.我认为scaleOverride和scaleSteps会实现这一点.
有可能得到那个输出吗?我通过文档,没有看到任何其他明显的选项设置.
让它工作.我的原帖不包括底部的javascript函数.
<div class="barChartTest" id="rating_12229" onload="drawChart();">
<input type="hidden" class="rating-component" comp-name="test1" comp-value="6"/>
<input type="hidden" class="rating-component" comp-name="test2" comp-value="7"/>
<input type="hidden" class="rating-component" comp-name="test3" comp-value="6"/>
<input type="hidden" class="rating-component" comp-name="test4" comp-value="5"/>
<input type="hidden" class="rating-component" comp-name="test5" comp-value="1"/>
</div>
<canvas id="rating_12229" width="50" height="20"></canvas>
Run Code Online (Sandbox Code Playgroud)
这是我的javascript:
function buildRatingChartData(ratingId){
var comps = document.getElementById(ratingId).getElementsByClassName("rating-component");
var labels = []; …Run Code Online (Sandbox Code Playgroud) 我正在尝试制作一个整数刻度的水平条形图.作为建议这个问题,我试图设置scaleOverride,scaleSteps等等,但似乎并不奏效.我试图将它们放在xScales中的数据集选项中,但没有任何效果.
这个jsfiddle展示了我试图做的事情.