2014-09-04 88 views
0

有没有办法在chart.js中对min和max轴进行硬编码?我已经在小提琴中获得了基本设置,但是在插件的文档中没有看到任何内容。在Chart.JS上设置限制

在第二个注意,有没有办法来防止这样的事情不占用整个画布?我想在可能的60个像素上画图并在那里放置图像。

编辑:

http://jsfiddle.net/cf1pfyg3/

这里是我当前的代码!

var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; 

var barChartData = { 
    labels : ["Zinc","Boron","Sulphur","Potassium","Nitrogen","Aluminium","Iron"], 
    barstroke: true, 
    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)", 
      data : [1,2,3,4,5,6,7] 
     }, 

    ] 

} 

    var ctx = document.getElementById("canvas").getContext("2d"); 
    window.myBar = new Chart(ctx).Bar(barChartData, { 
     barstroke: true, 
     responsive : true 
    }); 
+0

请发表您的当前代码:^) – 2014-09-04 14:51:02

+0

我忘了,谢谢! – henonChesser 2014-09-04 14:59:10

回答

1

多一点挖有想出了他从做文档:

var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; 

var barChartData = { 
    labels : ["Zinc","Boron","Sulphur","Potassium","Nitrogen","Aluminium","Iron"], 
    barstroke: true, 
    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)", 
      data : [1,2,3,4,5,6,7] 
     }, 

    ] 

} 
window.onload = function(){ 
    var ctx = document.getElementById("canvas").getContext("2d"); 
    window.myBar = new Chart(ctx).Bar(barChartData, { 
     barstroke: true, 
     responsive : true, 
     // Boolean - If we want to override with a hard coded scale 
     scaleOverride: true, 

     // ** Required if scaleOverride is true ** 
     // Number - The number of steps in a hard coded scale 
     scaleSteps: 14, 
     // Number - The value jump in the hard coded scale 
     scaleStepWidth: 1, 
     // Number - The scale starting value 
     scaleStartValue: 0 
    }); 
} 
+0

很酷,如果这个问题得到解答,您可以将自己的答案标记为答案,以便人们知道这是解决方案。 – Quince 2014-09-05 09:03:31

+0

@Quince我仍然可以在大约24小时前得到答案。同时,还有不止一种方式来给猫换肤。我不介意听到其他的想法。我只能回答主要问题。 – henonChesser 2014-09-05 12:45:44

+0

非常真实(关于猫)酷只是确保你知道(我现在意识到你是):) – Quince 2014-09-05 12:50:05