0

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

  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 代表部分。这样用户可以很容易地识别这个栏属于哪个部分。

只是一个粗略的图表概念

如果可能的话，我想显示一个名称字段，例如（adam，tim 等）onhover

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

1 回答 1

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/

于 2013-10-04T08:28:46.053 回答