相关疑难解决方法(0)

在Chart.js中将Y轴值从实数更改为整数

我有一个图表,我想使用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)

html javascript charts chart.js

51
推荐指数
8
解决办法
5万
查看次数

chartjs:如何在条形图中设置自定义比例

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)

javascript chart.js

13
推荐指数
2
解决办法
5万
查看次数

如何在Chartjs中进行整数缩放

我正在尝试制作一个整数刻度的水平条形图.作为建议这个问题,我试图设置scaleOverride,scaleSteps等等,但似乎并不奏效.我试图将它们放在xScales中的数据集选项中,但没有任何效果.

这个jsfiddle展示了我试图做的事情.

javascript chart.js

10
推荐指数
1
解决办法
8409
查看次数

标签 统计

chart.js ×3

javascript ×3

charts ×1

html ×1