Попытка сгруппировать значения Y диаграммы рассеяния C3.JS по шагу X - PullRequest
1 голос
/ 26 сентября 2019

Я создаю страницу метрик для рабочего процесса, и меня попросили создать диаграмму с разбросом разбросанных диаграмм, которая показывает за шаг (x), сколько записей там (каждый разброс) и сколько времени они занимали (y).Это довольно легко сделать в JMP, но мне было трудно понять, как это сделать с помощью C3.js.

Я смотрел на примеры из D3, c3 и charts.js * 1003.*

    outliersScatter = c3.generate({
        bindto: '#outliersChart',
        data: {
            columns: [
                        ["FIDB_UPDATE", 0,1,2,3,4,5],
                        ["SSD_BIZOPS", 5,4,3,2,1,0],

                    ],
            type: 'scatter'
        },
        axis: {
                x:{
                    tick: {
                        rotate: -45,
                        multiline:false,
                        culling: {
                                   max: 1
                                },
                        }
                },
            y: {
                label: 'Time'
            }
        }
        });

Я получаю диаграмму, но они не сгруппированы по именам столбцов, поэтому в идеале, X должен иметь FIDB_UPDATE, указанный в качестве галочки x, и над ним будет 6 графиков при любом доступе 0,1,2,3,4 и 5 (см. Пример изображения из JMP)

...