Как я могу сделать гистограммы симметричными в chart.js? - PullRequest
Новая
       41

Как я могу сделать гистограммы симметричными в chart.js?

0 голосов
/ 29 марта 2019

У меня есть горизонтальная полоса с двумя наборами данных, чтобы показать простую пирамиду возраста.

Я использую отрицательные значения для female и положительные значения для male

enter image description here

Как мне сделать бары из обоих наборов данных симметричными и убрать расстояние между ними? Это код. 

<script>

  new Chart(document.getElementById("bar-chart"), {
    type: 'horizontalBar',
    data: {
        labels: ["18-25", "25-30", "30-35", "35-40"],
        datasets: [
        {
            data: <?php echo json_encode($data_chartm); ?>,
            label: "Male",
            backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
        },
        {
            data: <?php echo json_encode($data_chartf); ?>,
            label: "Female",
            backgroundColor: ["blue", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"]
        }

          ]
    },
    options: {
            title: {
            display: true,
            text: 'Pyramide des ages'
        },

    }
});
</script>

Это содержимое $ data_chartm и $ data_chatf: 

$data_chartm=[4,5,9,10];

$data_chartf=[-4,-5,-9,-10];
...