диаграмма c3, показывающая значение 0 по оси Y - PullRequest
0 голосов
/ 15 февраля 2019

У меня есть следующие значения

c3.generate({
bindto: '#percentage_of_companies',
data: {
    x: 'x',
    columns: [
        ['Average Percentage', 3, 0, 0,],
        ['x', 'Overall', 'Admin','Aerospace'],
    ],
    type: 'bar',
    labels: {
        format: {
            'Average Percentage': function(v, id, i, j) {
                return (v);
            }
        }
    },
    },
},
size: {
    height: 800,
},
axis: {
    rotated: true,
    x: {
        type: 'category',
        tick: {
            rotate: 75,
            multiline: false
        },
    },
    y: {
        max: 100,
        tick: {
            values: [20, 40, 60, 80, 100]
        }

    },
},
legend: {
    show: false
},

Ответ, который я получаю, выглядит следующим образом, см. Информацию на скриншоте

enter image description here

Мне нужно, чтобы ось Y показала только 3, а 0 не должно отображаться, оно должно быть скрыто.

1 Ответ

0 голосов
/ 19 февраля 2019

Добавьте это к вашей конфигурации ->

onrendered: function () {
    d3.select(this.config.bindto).selectAll(".c3-chart-text text").style("display", function (d) {
        if (d && d.value === 0) return "none";
        return null;
    })
}

См. https://jsfiddle.net/y4pqmht7/

...