如何使用 Chart.js 命名轴 [重复]答案

【问题标题】：How to name axis with Chart.js [duplicate]如何使用 Chart.js 命名轴 [重复]
【发布时间】：2014-02-19 12:57:48
【问题描述】：

大家好，

我正在用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
});
}

也许有人可以帮助我？

非常感谢！

【问题讨论】：

标签： javascript jquery html charts

【解决方案1】：

你好，

有同样问题的朋友，新版本的chartJS处于开发模式，你可以在newChartJS看到它。这个版本似乎可以让您命名您的轴，但与旧版本的工作方式不同 100%，所以要小心 :)

【讨论】：