Question

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

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

假设我有事件类型a，b和c，结果应如下所示。

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

Answer 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

寻找特殊的Highcharts图表

1 个答案: