如何限制chart.js?中显示的点数
我的图表中x轴上的点太多。我想限制显示点的最大值为100。但同时仍然显示相同的图表。完全相同的图表-但点数较少。
我的图表截图有太多的点
我不知道如何在服务器端用PHP实现它，所以我在想在chart.js中是否有客户端的解决方案？
共有2个答案
对于大型数据集，< code>chart.js确实提供了一个数据抽取插件，可以在图表生命周期开始时自动抽取数据，从而减少绘制的数据点数量。根据< code>chart.js文档，要使用抽取插件，必须满足以下要求:
- 数据集必须具有
索引轴的'x'。数据集必须是一行 - 数据集的X轴必须是＜code＞线性
- 数据必须不需要解析，即，
解析必须是false - 数据集对象必须是可变的。插件存储原始数据。
- 作为＜code＞数据集_数据，然后在数据集上定义一个新的
数据属性
您的图表选项应该如下所示：
options: {
parsing: false,
plugins: {
decimation: {
enabled: false,
algorithm: 'min-max',
},
},
scales: {
x: {
type: 'time',
ticks: {
source: 'auto',
autoSkip: true,
}
}
}
还请记住，如果您禁用解析您传递的数据，则应采用您选择的图表类型的正确格式，因此在这种情况下需要划时代时间戳。更多信息请点击此处。
最后，您可以在此处找到一个工作示例。
您有责任提供图表.js它应该显示的点。您必须将带有标签和数据的数组限制为 100 个数据点。每隔一秒左右使用一次数据。只需在普通的JavaScript中完成即可。图表中没有函数.js。
-
限制图表.js折线图上的标签数量 在小型设备上显示时，我想“仅”减少折线图的标签数量。从上面的帖子来看，解决方法是这样的； 这是一个很好的解决方案，但我想在桌面上显示时保留所有24个标签。我想在手机上仅显示时隐藏一半的标签。
-
我有以下使用chart.js的折线图示例。我想展示： 图例的指针光标
-
问题内容： 我正在使用PostgreSQL，并且在表中有一列，其中包含非常长的文本。我想在查询中选择此列，但限制其显示长度。 就像是： 我该怎么做？ 问题答案： 您可以做的是使用PostgreSQL的substring（）方法。以下两个命令之一将起作用：
-
我不知道如何用图表来做这件事。js。 请帮帮我。 我的Javascript代码： php代码：
-
当数据列表中有一组很长的元素时，它们都会显示，旁边有一个滚动条。有没有一种简单的方法可以只显示前5名，而不显示其他的？ 例如：http://jsfiddle.net/yxafa/
-
请参阅此小提琴：https://jsfiddle.net/4mxhogmd/1/ 我正在做图表。js如果您在fiddle中看到，您会注意到，在某些情况下，位于条形图顶部的值没有正确显示（超出画布），而我在研究如何在图表上显示数据值时遇到了这个链接。js 但在这里，他们也在同样的情况下使用工具提示来调整条内的文本。我不要这个。 我想要的是，在所有情况下，只在顶部显示值。