highcharts 如何让导航器只显示里程碑?

zf2sa74q  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(286)

我有一个甘特与里程碑和药丸,在最后我有导航器显示所有任务(药丸和里程碑一样),我们想知道是否有办法限制导航器仅在栏中显示里程碑?在下图中,您可以看到实际的栏,我们确实看了文档,但找不到类似的东西,或者至少我们找不到它...谢谢你的帮助。x1c 0d1x

我错过了什么吗?谢谢你的帮助!

bvjxkvbb

bvjxkvbb1#

如果设置navigator.series选项(如pointPlacementpointPaddingpointWidth位于series.gantt中),则只会在导航器中显示里程碑。

  1. navigator: {
  2. enabled: true,
  3. series: {
  4. type: 'gantt',
  5. pointPlacement: 0.5,
  6. pointPadding: 0.5,
  7. },
  8. yAxis: {
  9. min: 0,
  10. max: 4,
  11. reversed: true,
  12. }
  13. },
  14. series: [{
  15. name: 'Project 1',
  16. data: [{
  17. name: 'Create prototype',
  18. id: 'prototype',
  19. start: Date.UTC(2014, 10, 18),
  20. end: Date.UTC(2014, 10, 21)
  21. }, {
  22. name: 'Prototype done',
  23. dependency: 'prototype',
  24. start: Date.UTC(2014, 10, 21, 12),
  25. milestone: true,
  26. pointWidth: 10,
  27. }, {
  28. name: 'Develop',
  29. id: 'develop',
  30. start: Date.UTC(2014, 10, 20),
  31. end: Date.UTC(2014, 10, 25)
  32. }, {
  33. name: 'Development done',
  34. dependency: 'develop',
  35. start: Date.UTC(2014, 10, 25, 12),
  36. milestone: true,
  37. pointWidth: 10,
  38. }, {
  39. name: 'Test prototype',
  40. start: Date.UTC(2014, 10, 27),
  41. end: Date.UTC(2014, 10, 29)
  42. }, {
  43. name: 'Run acceptance tests',
  44. start: Date.UTC(2014, 10, 23),
  45. end: Date.UTC(2014, 10, 26)
  46. }]
  47. }]

演示:https://jsfiddle.net/BlackLabel/a94xkb0c/

展开查看全部

相关问题