Chart.js с различной шириной баров - PullRequest
Новая
       33

Chart.js с различной шириной баров

0 голосов
/ 19 октября 2018

Мне нужно создать гистограмму с разной шириной баров, решение, которое я нашел, состояло в том, чтобы использовать разные xAxisID, а затем изменить их barThickness, эта часть работала, как и ожидалось, но бары вышли из положения 

chartJsOptions = 
{
      type: 'bar',
        data: {
            labels: [],
            datasets: [
                {
                    label: "Ofertado",
                    data: [],
                    borderColor: 'rgb(83,141,213)',
                    borderWidth: 3,
                    xAxisID: 'x-axis-2'

                },
                {
                    label:''[enter image description here][1],
                    data: [],
                    borderColor: '#e26b0a',
                    borderWidth: 3,
                    xAxisID: 'x-axis-1'

                },
                {
                    label: '',
                    data: [],
                    borderColor: '#961709',
                    xAxisID: 'x-axis-3',
                    borderWidth: 3,
                },
            ],
        }
        ,
        options: {
            scales: {
                xAxes: [
                    {
                        stacked: true,
                    },
                    {
                        id: 'x-axis-2',
                        display: false,
                        type: 'category',
                        barThickness: 50,
                        stacked: true,
                    },
                    {
                        id: 'x-axis-3',
                        type: 'category',
                        display: false,
                        barThickness: 40,
                        stacked: true,
                    },
                    {
                        id: 'x-axis-1',
                        type: 'category',
                        display: false,
                        barThickness: 30,
                        stacked: true,
                    }
                ],
                yAxes: [{
                    stacked: false,
                }
                ]
            },
            title: {
                display: true,
                text: ''
            }
        }
    };

Ширина полосы работает, но столбцы не на своем месте.Я использую chartjs-node для генерации серверных диаграмм.Кто-нибудь знает, как поставить планки в правильных местах?

...