【问题标题】:How to build HighCharts bar chart from left to right?如何从左到右构建 HighCharts 条形图?
【发布时间】:2012-07-16 15:19:52
【问题描述】:

看这个jsFiddle例子,数据系列

series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2]  // the right most part
}, {
    name: 'Jane',
    data: [2, 2, 3, 2, 1]  // the middle part
}, {
    name: 'Joe',
    data: [3, 4, 4, 2, 5]  // the left most part
}]

从右到左创建图表,我正在寻找一种方法,以便可以从左到右完成图表。谢谢!

我的数据:

[
    {
        "day": "2009-07-13",
        "work": ["11:16:35-12:03:12", "12:32:48-13:26:28", "13:39:09-13:39:12", "13:41:03-13:41:05", "14:18:09-24:00:00"]
    }, {
        "day": "2009-07-14",
        "work": ["00:00:00-07:22:25", "07:22:25-07:22:28", "10:10:04-10:10:31", "10:10:32-10:15:33", "10:18:07-10:21:19", "11:04:49-11:06:15", "11:12:50-11:19:05", "11:19:11-11:19:19", "11:45:50-11:51:42", "11:51:43-11:53:55", "14:03:13-14:13:04", "14:23:55-14:31:28", "14:31:28-14:38:00", "14:38:00-14:49:04", "16:34:56-16:44:33", "16:46:37-16:48:10", "16:48:11-24:00:00"]
    }, {
        "day": "2009-07-15",
        "work": ["00:00:00-08:16:23", "09:57:57-10:15:05"]
    }
]

编辑:对不起我的英语和困惑,another jsFiddle example 可以更好地解释我在说什么。我想创建一个图表来表示我的引擎开关状态,以便条形图的 输入数据 从左到右,而不是在给小提琴中从右到左。谢谢!

【问题讨论】:

  • 当我运行你的小提琴时,它会从左到右创建它......
  • 请看更新,对不起我的英语和困惑。

标签: javascript jquery highcharts


【解决方案1】:

很大的假设,但我认为您正在寻找Gantt 图表。 请参阅 HighCharts 论坛上的 this 帖子以获取想法。

【讨论】:

  • 这实际上是我的帖子....看起来我必须使用线型图表。您知道如何创建像this question 中的线型图表(假设它是旋转 90 度后的条形图)?
  • 哈。很抱歉将您链接到您自己的帖子。好吧,当我需要它们时,我使用了jsfiddle.net/jlbriggs/2qfgg/7 作为甘特图的模板。为什么不能应用这个?您是否遇到了一些特殊错误?
  • 谢谢,我正准备使用这个,因为甘特图的条形图确实需要大量数据调整。在我玩完这个之后,我会尽快回复你。非常感谢!
  • 第一次查看此图表后,是否可以删除条形侧面的点并在条形主体上显示工具提示而不是侧面点?谢谢!
  • 是的,当鼠标悬停/点击数据范围时,您可以使用事件触发。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-07-03
  • 2019-03-01
  • 1970-01-01
  • 2012-04-10
  • 1970-01-01
  • 1970-01-01
  • 2013-05-10
相关资源
最近更新 更多