【问题标题】:Google Chart: Overlapping bars - bring latest to front谷歌图表:重叠的条形图 - 把最新的放在前面
【发布时间】:2017-10-09 12:57:56
【问题描述】:

这是我使用谷歌图表的条形图的图片以及右侧的相应值。 X 轴是日期轴

如您在表格中所见,2017 年 1 月 16 日有两个值(100 和 60)。它们是重叠的,虽然 60 是最新读数(考虑时间),但它没有显示在图表中。已经落后100了,怎么把最新的阅读放到前面。谷歌图表中是否有任何设置可以做到这一点?任何帮助表示赞赏。

【问题讨论】:

  • 找不到会放在前面的选项,您可以堆叠条形或添加时间值来分隔日期...
  • 我不能这样做,因为在悬停(在栏上)时,它会同时显示日期和时间。
  • 您可以提供自定义工具提示,另一种选择是在 x 轴上使用字符串值,而不是日期...

标签: javascript angular google-visualization bar-chart overlap


【解决方案1】:

我的要求是我只需要将最新的价值带到最前面。

我的价值列表按时间降序排列。所以我把列表倒过来,问题就解决了。

this.myValueList = this.myValueList.reverse();

如果有两个重叠的条,谷歌图表会在数组中按位置将后面的条放在前面

【讨论】:

  • 倒车听起来像个 hack(很高兴它对你有用)。您应该过滤该列表并仅传递给您要显示的图表值。
  • 我别无选择,只能反转,因为右侧的表格使用了相同的数据。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-06
  • 1970-01-01
  • 1970-01-01
  • 2013-04-15
  • 2021-07-08
相关资源
最近更新 更多