Question

我不知道这是否可行。这是我的数据

  x-axis      y-axis    BarColor(1-5)
2013-09-23   05:49:31     1 Or Section A
2013-09-24   01:57:09     2 Or Section B
2013-09-26   01:23:25     3 Or Section C
2013-09-28   11:21:03     2
2013-09-28   00:27:40     4 Or section D
2013-09-28   05:45:08     5
2013-09-29   07:31:58     2
2013-09-29   01:56:07     1
2013-09-30   01:38:08     2
2013-09-30   NULL         5 Or Section E
2013-10-01   01:41:03     5
2013-10-02   02:13:46     4
2013-10-03   01:54:02     1

这是我创造的小提琴http://jsfiddle.net/GN3Qm/

我想绘制一个日期为Vs的条形图。时间。传说应该用于酒吧的颜色例如。 1 =红色，2 =蓝色等

基本上barcolor代表部分。这样，用户可以轻松识别该栏属于哪个部分。

Just an rough idea of graph

如果可能的话，我想显示一个名字字段，如（亚当，蒂姆等） onHover选项

2013-09-23   05:49:31    1  Adam
2013-09-23   05:49:31    1  tim

Answer 1

你在那里问了很多不同的问题，但我可以提供一些帮助。

对于您的数据，您需要将其指定为有效的javascript日期时间。你可以这样做：

series: [{
        name: 'Time',
        data: [
            Date.UTC(1970,0,1,1,41,3,0),
            Date.UTC(1970,0,1,2,13,46,0),
            Date.UTC(1970,0,1,1,54,2,0)]
    }]

这指定了1970年1月1日的不同时间。此外，您可以使图表y轴从您想要的位置开始：

  yAxis: {
        type: 'datetime',
        min:Date.UTC(1970,0,1,1,0,0,0),

在这种情况下，1点钟。

为点着色的一种方法是在每个数据点中指定颜色。此示例使第一个点为红色

series: [{
        name: 'Time',
        data: [
           {y:Date.UTC(1970,0,1,1,41,3,0),color:'red'},
           Date.UTC(1970,0,1,2,13,46,0),
           Date.UTC(1970,0,1,1,54,2,0)]
    }]

要获得图例中的每个点，最好为每个点尝试单独的系列。

http://jsfiddle.net/RcSDc/

日期与HighCharts的时间图

1 个答案: