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

标签 javascript jquery charts highcharts

我只是想在我的图表(Highcharts)中实现一些目标。

1).我想始终显示完整的日期,即使是同一年。目前仅显示日和月

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

xAxis: {
  categories: [[0],['Contract Period', 'blue'], ['Pre Contract Period', 'green'], ['Tender Period', 'red']]
}

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

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

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

到目前为止我得到了什么,

CHART SO FAR

最佳答案

1) 您可以使用dateTimeLabelFormats并放置 %Y 表示日/月

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

3)您的意思是在整个栏上,工具栏应该显示栏的每个“部分”的日期?如果是的话就不可能了。

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

关于javascript - 如何在 Highcharts 中以不同颜色显示我的标签和每个 x 轴的完整日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22843700/

相关文章:

javascript - 为什么jQuery只在部分链接进入函数?

javascript - 在模态弹出窗口中设置 iFrame 的透明度

javascript - 为什么javascript可以嵌入到html页面中,但不能嵌入到外部脚本中?

javascript - 如果 li 具有 current 类,则 tiltSlider 播放/暂停视频元素

asp.net-mvc - Web 的图表编辑器/设计器/向导组件

javascript - 钛合金片组

javascript - 如何仅在使用 key "Enter"提交按钮时运行函数 - React Js

jquery - 如何让 TypeScript 与 jQuery 插件配合使用?

f# - 使用 F# 绘制图表不接受 Seq?

javascript - 如何在 ReactJS 的 Leaflet 图表中为数组中的标记添加多个坐标