2014-09-04 3 views
0

Есть ли способ жестко закодировать min max max оси Y в chart.js? У меня есть основная настройка в скрипке, но я не вижу ничего в документации для плагина.Пределы настройки на Chart.JS

На второй ноте, есть ли способ предотвратить что-то подобное из-за того, что он не занимает весь холст? Я бы хотел, чтобы scoot на графике, возможно, на 60 пикселей, и разместил там изображение.

EDIT:

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

Пожалуйста, ваш текущий код: ^) –

+0

запамятовали, спасибо! – henonChesser

ответ

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

+0

@Quince. У меня еще есть около 24 часов, прежде чем я смогу. Тем временем есть более чем один способ обмануть кошку. Я не против слушать другие мысли. И я смог ответить только на главный вопрос. – henonChesser

+0

очень правдоподобный (о кошке) круто, просто убедившись, что вы знаете (что я теперь понимаю, что вы есть) :) – Quince

 Смежные вопросы

  • Нет связанных вопросов^_^