Javascript 如何在highcharts中以不同颜色显示我的标签和每个x轴的完整日期?

Javascript 如何在highcharts中以不同颜色显示我的标签和每个x轴的完整日期?,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,我只是想在我的图表中实现一些事情(Highcharts) 1) 。我想显示完整的日期即使是在同一年。目前它只显示日和月 2) 。如何将颜色传递到每个y轴标签。 (例如) 3) 。我想为xaxis的每个点显示日期。当前,无论我将其悬停在何处,它都只显示开始日期 4) 。我的图表颜色取决于Y轴标签。不是X轴标签。我不想在图例中显示标签的任何颜色。我只想显示文本原始日期和实际日期。没有颜色。因此,只有当我单击原始日期时,它才会显示原始日期 此外,我只是想得到甘特图一样的图表。谢谢 到目前为止我得到的

我只是想在我的图表中实现一些事情(
Highcharts

1) 。我想显示完整的
日期
即使是在同一年。目前它只显示
日和月

2) 。如何将颜色传递到每个
y轴
标签。 (例如)

3) 。我想为
xaxis
的每个点显示
日期。当前,无论我将其悬停在何处,它都只显示开始日期

4) 。我的图表
颜色
取决于
Y轴
标签。不是
X轴
标签。我不想在图例中显示标签的任何颜色。我只想显示文本原始日期和实际日期。没有颜色。因此,只有当我单击原始日期时,它才会显示原始日期

此外,我只是想得到甘特图一样的图表。谢谢

到目前为止我得到的

1)您可以使用并放置%Y作为日/月

2) 您需要使用labelFormatter和返回值,即带有颜色的范围

3) 您的意思是,在整个条形图上,toolip应该显示条形图每个“部分”的日期吗?如果是,这是不可能的


4) 那么它应该是什么样子呢

如何在下面的fiddle中从工具提示中的时间范围转换为日期范围?谢谢通过这种方式,您可以在工具提示格式化程序中使用Highcharts.dateFormat(),如此处所示,但您需要调整以显示其他信息,如序列名称和其他。
xAxis: {
  categories: [[0],['Contract Period', 'blue'], ['Pre Contract Period', 'green'], ['Tender Period', 'red']]
}