Javascript 高图中的时间线/时间表
是否有一种方法可以在高图表中创建类似于此的时间线/时间表 我发现这已经足够近了,但看不到如何在酒吧的主体上贴标签。。。乙二醇Javascript 高图中的时间线/时间表,javascript,highcharts,timeline,Javascript,Highcharts,Timeline,是否有一种方法可以在高图表中创建类似于此的时间线/时间表 我发现这已经足够近了,但看不到如何在酒吧的主体上贴标签。。。乙二醇 这也是关闭的您可以为它们启用dataLabels并设置为true。演示: 另一个选择是尝试。它正在开发中,但是对于您的需求,它应该已经可以正常工作了 演示: var年=365*1000*60*60*24; //图表 Highcharts.chart('容器'{ 图表:{ 键入:“甘特” }, 标题:{ 文本:“甘特图” }, xAxis:[{ 键入:“日期时间”, 时间
这也是关闭的您可以为它们启用
dataLabels
并设置为true
。演示:
另一个选择是尝试。它正在开发中,但是对于您的需求,它应该已经可以正常工作了
演示:
var年=365*1000*60*60*24;
//图表
Highcharts.chart('容器'{
图表:{
键入:“甘特”
},
标题:{
文本:“甘特图”
},
xAxis:[{
键入:“日期时间”,
时间间隔:第5年,
标签:{
格式:“{值:%Y}”,
风格:{
字体大小:“15px”
}
},
网格线宽度:1,
最大填充:0.2
}],
亚克斯:[{
类别:[“总统”、“副总统”、“国务卿”],
对,,
网格:对
}],
系列:[{
showInLegend:false,
数据标签:{
格式:“{point.taskName}”
},
数据:[{
开始时间:UTC日期(1780,0,1),
结束:UTC日期(1788,0,1),
工作组:0,
任务名称:“乔治·华盛顿”
}, {
开始时间:UTC日期(1788,0,1),
完:UTC日期(1794,0,1),
任务名称:“约翰·亚当斯”,
工作组:0
}, {
开始日期:UTC(1770,0,1),
结束:UTC日期(1780,0,1),
任务名称:“约翰·亚当斯”,
工作组:1
}, {
开始时间:UTC日期(1780,0,1),
结束:UTC日期(1790,0,1),
taskName:'名称',
工作组:2
}]
}]
});代码>
#容器{
最大宽度:800px;
高度:400px;
保证金:1em自动;
}
。那很好用。谢谢使用PHP生成图表选项,因此必须将其与Date.UTC结合使用。发现v5.0.7不能开箱即用:需要从链接下载主版本。再次感谢您的快速回答。
data: [{
label:'foo bar',
x: 0,
low: Date.UTC(2013, 07, 03, 0, 0, 0),
high: Date.UTC(2013, 07, 03, 4, 0, 0)
}
plotOptions: {
columnrange: {
grouping: false,
dataLabels: {
enabled: true,
inside: true,
format: '{point.series.name}'
}
}
},