Как использовать один и тот же набор данных для нескольких серий в Highcharts? - PullRequest
0 голосов
/ 05 ноября 2018

Я довольно новичок в Highcharts. Ранее мы использовали Logi Analytics, которая сделала много вещей на заднем плане, которые мы не могли контролировать. Теперь, когда пытались воссоздать одни и те же диаграммы, возникали вопросы о том, как сделать некоторые из этих вещей. Я пытаюсь использовать один и тот же набор данных для нескольких элементов серии. Например, у меня будет столбчатая диаграмма, а затем линейная диаграмма поверх нее. Если это поможет, я сохраняю этот код в файле .ts и компилирую в JS для развертывания. Вот что у меня сейчас работает:

let myChart = Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    plotOptions: {
        series: {
            events: {
                //do something
            }
        }
    },
    title: {
        text: 'My Title'
    },
    xAxis: {
        categories: dataCategories
    },
    yAxis: {
        title: {
            text: 'Percentages'
        }
    },
    series: [
        {
            name: 'Data Table',
            data: data,
            cursor: 'pointer'
        }
    ]
});

Мои данные встроены в Java. Пример данных:

 let data = 
                [
                    {
                        'location': 'someplace',
                        'dept': '999',
                        'deptDescription': '999 DEPT',
                        'code': '',
                        'name': 'NO NAME',
                        'hours1': 32.5,
                        'hours2': 4.7,
                        'hours3': 0.0,
                        'hours4': 0.0
                    }
         ];

Как я устанавливаю свои оси и категории:

for (let row of data) {
    row.y = row.hours1;
    dataCategories.push(row.deptDescription);
}

Я хочу использовать те же данные, потому что у меня та же ось x, и мои данные также содержат новую ось y. Возможно что-то вроде этого:

    series: [
        {
            type: 'column'
            name: 'Data Table',
            data: data,
            cursor: 'pointer'
        },
        {
            type: 'line',
            name: 'Data Table2',
            data: data,
            cursor: 'pointer'
        }
    ]
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...