Диаграмма. js рисунок холста (стрелки, текст рядом со стрелками, цветные текстовые метки и кривые параболы) - PullRequest
Новая
       95

Диаграмма. js рисунок холста (стрелки, текст рядом со стрелками, цветные текстовые метки и кривые параболы)

0 голосов
/ 08 мая 2020

Мне нужно отобразить мои данные примерно так (используя Chart. js):

enter image description here

Горизонтальная полоса может быть сложена horizontalBar диаграмма.

Но я понятия не имею, как выполнить рисование холста (стрелки, текст рядом со стрелками и цветные текстовые метки) в произвольной позиции.

Более сложная диаграмма, которая мне нужна, выглядит так: enter image description here

В соответствии с this и this Функциональность смешанной диаграммы немного ошибочна: она позволяет смешивать только line диаграммы с a bar chart.

Существует обходной путь с форматом {x: 1, y: 'label'} для строк, который позволяет line диаграмма должна быть смешана с диаграммой horizontalBar : 

data: {
    labels: ['January', 'February', 'March', 'April'],
    datasets: [{
         label: 'Bar Dataset',
         data: [10, 20, 30, 40]
    }, {
         label: 'Line Dataset',
         data: [{ x: 20, y: 'April' }, { x: 25, y: 'January' }, { x: 30, y: 'April' }],

         // Changes this dataset to become a line
         type: 'line',
         fill: 'true'
    }]
}

enter image description here

Но этот подход не поддерживает с накоплением диаграммы horizontalBar (линейная диаграмма исчезает).

Похоже, я не могу получить диаграммы, которые мне нужны, без рисования холста (стрелки, текст рядом со стрелками, цветные текстовые метки и кривые параболы) в произвольной позиции.

Любая помощь или образец кода приветствуются. Заранее спасибо.

...