在Chart.JS上设置限制
有没有办法在chart.js中对min和max轴进行硬编码?我已经在小提琴中获得了基本设置,但是在插件的文档中没有看到任何内容。在Chart.JS上设置限制
在第二个注意,有没有办法来防止这样的事情不占用整个画布?我想在可能的60个像素上画图并在那里放置图像。
编辑:
这里是我当前的代码!
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
});
多一点挖有想出了他从做文档:
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
});
}
很酷,如果这个问题得到解答,您可以将自己的答案标记为答案,以便人们知道这是解决方案。 – Quince 2014-09-05 09:03:31
@Quince我仍然可以在大约24小时前得到答案。同时,还有不止一种方式来给猫换肤。我不介意听到其他的想法。我只能回答主要问题。 – henonChesser 2014-09-05 12:45:44
非常真实(关于猫)酷只是确保你知道(我现在意识到你是):) – Quince 2014-09-05 12:50:05
请发表您的当前代码:^) – 2014-09-04 14:51:02
我忘了,谢谢! – henonChesser 2014-09-04 14:59:10