Graph Highcharts项目符号图表,带2个x轴。。。可能的

Graph Highcharts项目符号图表,带2个x轴。。。可能的,graph,highcharts,double,bullet,Graph,Highcharts,Double,Bullet,我想在2 x轴子弹图上绘制进度与时间线 请参阅此JSFIDLE以了解我当前拥有的内容: Highcharts.chart('container3'{ xAxis:[{ 类型:'线性', },{ 键入:“日期时间”, 相反:对 }], 亚克斯:{ 绘图带:[{ 起:0,, 致:14, 颜色:'#f00' }, { 起:14,, 致:20,, 颜色:'#ff0' }, { 起:20,, 致:29, 颜色:'#0f0' }], 标签:{ 格式:“{value}” }, 标题:空 }, 系列:[{ 数据

我想在2 x轴子弹图上绘制进度与时间线

请参阅此JSFIDLE以了解我当前拥有的内容:

Highcharts.chart('container3'{
xAxis:[{
类型:'线性',
},{
键入:“日期时间”,
相反:对
}],
亚克斯:{
绘图带:[{
起:0,,
致:14,
颜色:'#f00'
}, {
起:14,,
致:20,,
颜色:'#ff0'
}, {
起:20,,
致:29,
颜色:'#0f0'
}],
标签:{
格式:“{value}”
},
标题:空
},
系列:[{
数据:[{
y:16,
目标:21
}]
}],
工具提示:{
pointFormat:“{point.y}(目标位于{point.target})”
}
});
我希望实现的是这样的东西,其中日期范围在顶部x轴上,数字范围在底部x轴上。我希望项目符号表示进度(在本例中,24个项目中有16个),我希望目标行指示日期范围内的当前日期(在本例中,在2018年12月2日之前的某个地方)

任何想法都将不胜感激。

是的,这是可能的

首先请注意,您的图表是反向的,因此您需要添加另一个y轴(而不是x轴)

将有两个系列:第一个显示列(与第一个y轴关联),第二个显示目标(与第二个y轴关联)。在这种情况下,必须禁用分组(否则列和目标将无法正确对齐)

由于无需显示第一个系列的目标,因此其类型可以更改为

  series: [{
    type: 'column',
    data: [{
      y: 16,
    }]
  }, {
    yAxis: 1,
    data: [{
      target: Date.UTC(2018, 0, 7)
    }]
  }]

现场演示:

非常感谢您的帮助!我赶上了倒转!
  series: [{
    type: 'column',
    data: [{
      y: 16,
    }]
  }, {
    yAxis: 1,
    data: [{
      target: Date.UTC(2018, 0, 7)
    }]
  }]