如何在Chartjs中跳过一段时间的数据/标签？
西蒙
您能告诉我如何在一段时间内在Chartjs中跳过数据吗？例如，我有10-> 11h30 am和1h-> 2h pm的数据。我在时间类型中构建了图表，但是我想从11h30-> 1h或2hpm-> 10h跳过/删除该行。
options = {
responsive: true,
title: {
display: true,
text: 'Chart.js Time Point Data'
},
scales: {
xAxes: [{
type: 'time',
display: true,
stacked: true,
scaleLabel: {
display: true,
labelString: 'Date'
},
ticks: {
major: {
fontStyle: 'bold',
fontColor: '#FF0000'
},
},
}],
yAxes: [{
stacked: true,
display: true,
scaleLabel: {
display: true,
labelString: 'value'
},
}]
},
};
谢谢
阿德里奥圣地亚哥
那么，chart.js之将展示什么labels和data遏制。因此，您可以创建一个函数来删除某个范围。
这是带有折线图的示例：https : //codepen.io/adelriosantiago/pen/xxRGVPW?editors=0010
该函数rangeWithSkips基本上filter将是startSkip和之间的输入数组endSkip。在代码的后面，您可以使用以下选项选择新范围：
data: {
labels: rangeWithSkips(3, 10).labels, // Pick the starting and end range here
datasets: [
{
label: "Volume",
data: rangeWithSkips(3, 10).data // Pick the starting and end range here too
}
]
}
这是一个更新的版本，与2个输入完全相同：https : //codepen.io/adelriosantiago/pen/yLVNOGX?editors=1011
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在Python中经过一段时间后，如何在循环中结束请求？
- 2
将数据保存到内存中，过一段时间后将其保存到数据库中
- 3
如何在经过一段时间后重设数据库值ASP.NET MVC C＃
- 4
如何在经过一段时间后重设数据库值ASP.NET MVC C＃
- 5
Python，如果条件是经过一段时间
- 6
如何在SQL中设置参数以显示一段时间的数据？
- 7
如何在Excel中的一段时间数据中提取元素的值？
- 8
在Android Studio中过一段时间后隐藏活动中的按钮
- 9
硒一段时间后如何跳过网页
- 10
在C中经过一段时间后如何停止while循环
- 11
如何在 ReactJS 中经过一段时间后从一个屏幕切换到另一个屏幕？
- 12
如何在pygame中等待一段时间？
- 13
在C中经过一段时间后如何停止一会儿循环
- 14
如何在一段时间内查找 SQL 数据库条目
- 15
一段时间后如何自动删除MySQL数据库中的数据？
- 16
自上次在 tkinter 中按下按键后经过一段时间后调用函数
- 17
一段时间后如何在iOS中停止后台服务
- 18
如何在一段时间内检查GIT存储库中的修改
- 19
在Android中，如何在捕获事件后一段时间禁用监听器？
- 20
一段时间后如何在javascript中清除sessionstrage
- 21
如何在一段时间内检查GIT存储库中的修改
- 22
Android小部件过一段时间后会停止工作吗？
- 23
经过一段时间或满足条件后运行代码
- 24
jQuery：经过一段时间后，子菜单才会出现并消失
- 25
获取经过一段时间（DateTime）的年，月，日
- 26
经过一段时间后，是否有办法从流程中分离流程？
- 27
Javascript：经过一段时间后执行操作
- 28
为什么Outlook会用蓝色的花体突出显示“过一段时间”？
- 29
经过一段时间后，运行需要sudo的命令
我来说两句