Ищем специальную диаграмму Highcharts

Я ищу способ нарисовать диаграмму, в которой данные представлены одним блоком на дату. Таким образом, если есть данные для этой даты, появляется цветной блок, в противном случае место остается пустым. Цель состоит в том, чтобы визуализировать события во времени. Где каждый цветной блок указывает на возникновение определенного события.

Есть ли способ создать такую ​​диаграмму, используя Highcharts и ползунок времени Highstocks.

Допустим, у меня есть типы событий a, b и c, результат должен выглядеть так.

|a| |a|       |a|
 - - - - - - - - 
|b|b|b|b|b|b|b|b|
 - - - - - - - - 
|c|   |c|
 -     -

charts data-visualization highcharts highstock
person Andreas Köberle    schedule 05.03.2013    source источник
comment
Простая логарифмическая диаграмма, символ маркера которой — квадрат.   -  person Ricardo Alvaro Lohmann    schedule 05.03.2013

Ответы (1)


arrow_upward
1
arrow_downward

Я думаю, вы ищете точечную диаграмму с пользовательскими фигурами в качестве маркеров.

Пример, как это можно сделать:

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'scatter',
        width: 200,
        height: 200
    },

    xAxis: {
        tickInterval: 1
    },
    series: [{
        data: [[0,1], [1,1], [2,1], [3,1], [4,1], [5,1]]        
    },{
        data: [[0,2],[2,2]]        
    },{
        data: [[1,3],[3,3]]        
    }]
});

И jsFiddle

person Paweł Fus    schedule 05.03.2013