如何使用chart.js之

我做了一些条形图与chartjs ......一切都很好，但我不能找到如何命名我的轴上的清洁方式，我的意思是不使用的CSS技巧就像绝对位置等..

例如，这是我的图表之一：

function buildResultChart(suffix, vous, moyenne) { 
var pixelRatio = window.devicePixelRatio || 1; 
var $chart = $('#result-chart-' + suffix); 
var width = $chart.parents('.inner').width()/pixelRatio; 

var containerWidth = $('.container').width(); 
if (containerWidth < 320) { 
    containerWidth = 320; 
} 
if (containerWidth > 600) { 
    containerWidth = 600; 
} 
var width = containerWidth - 40; 
$chart.attr('width', width); 


var goodColor = 'rgba(200,245,0,1)'; 
var badColor = 'rgba(255,254,134,1)'; 
var color = goodColor; 
if (moyenne < vous) { 
    color = badColor; 
} 

var ctx = document.getElementById("result-chart-" + suffix).getContext("2d"); 
    var data = { 
    labels: ['Votre salon'], 
    datasets: [ 
     { 
      fillColor: "rgba(220,220,220,1)", 
      fillColorAlt: color, 
      strokeColor: "rgba(220,220,220,1)", 
      data: [vous] 
     }, 
    ] 
    }; 

var max = Math.round(Math.max(vous, moyenne)); 

//highest 100 next 
var len = max.toString().length; 
var first = max.toString().substring(0, 1); 
if (first === '9') { 
    len++; 
    first = '1'; 
} 
else { 
    first = parseInt(first) + 1; 
} 
while (--len) { 
    first += '0'; 
} 
var max = first; 
var steps = 10; 
var stepWidth = Math.round(max/steps); 

var c = new Chart(ctx).Bar(data, { 
    align: 'h', 
    scaleShowLabels:true, 
    scaleFontColor: '#fff', 
    scaleLineColor: '#fff', 
    scaleShowGridLines: false, 
    barShowStroke: false, 
    animationSteps: 80, 
    scaleOverride: true, 
    scaleStartValue: 0, 
    scaleSteps: steps, 
    scaleStepWidth: stepWidth 
}); 
}

也许有人能帮助我吗？

非常感谢！

来源

2014-02-19 tomzi

你好，

对于谁都有同样的问题的，chartJS的新版本在开发者模式，你可以看到它有newChartJS。这个版本似乎让你命名你的轴，但不能像老年人那样以100％的方式工作，所以要小心:)

来源

2014-02-21 09:25:19 tomzi

如何使用chart.js之

回答

相关问题