如何解决在chart.js中使用时间正确缩放xAxis
使用chart.js,我有一个条形图,其中的数据点分布了很多年:
如果您仔细观察x轴,则会看到一些灰色条。以下是折线图,具有相同数据供参考:
虽然在此示例中使用折线图可能很有意义,但它会使数据较少的图表有点尴尬:
并带有横杠而不是线条
当涉及到较大的X轴时,是否可以在条形图上使用以提高可读性的选项?我表示随着时间的推移发生的事件,也可以接受另一种经过修改的图表。
谢谢。
解决方法
我不确定chart.js上是否会有一个选项。
一种解决方法是先绘制折线图,然后在放大到特定日期范围时将其类型切换为“条形”。
根据数据类型,您还可以通过按天(或周或月)对数据求和(或平均)来对数据进行分组。然后将其传递到图表中,时间序列选项应该能够以更合理的方式显示x轴日期。
否则,您将不得不研究更多的功率图表库,这些库可以处理和操纵更大的数据集,例如amCharts:https://www.amcharts.com/demos/stock-chart-candlesticks/
或者考虑使用高度可定制的D3,但使用起来要复杂一些。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。