寻找特殊的Highcharts图表

时间:2013-03-05 14:41:36

标签: charts highcharts data-visualization highstock

我正在寻找一种绘制图表的方法,其中数据表示每个日期一个块。因此,如果此日期有数据,则会显示彩色块,否则该位置将留空。目标是随着时间的推移对事件进行可视化。每个彩色块表示特定事件的发生。

是否可以使用Highcharts和Highstocks时间滑块创建此类图表。

假设我有事件类型abc,结果应如下所示。

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

1 个答案:

答案 0 :(得分:1)

我认为您正在寻找散点图,自定义形状作为标记。

示例如何做到这一点:

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