我们有一个与chart.js相关的业务的新要求。
考虑下图,我们在一个图表中有条和线。线图表在图表中只有几个点。
在应用程序中,用户可以选择他想要显示的特定周范围。假设用户选择“w16/22”到“w28/22”。由于我们在“w16/22”之前有一个点,即在“w14/22”上,我们需要从y轴到图表上的第一个点,即在“w18/22”上绘制一个折线图。然后这个点连接到第二个点,以此类推。
有关预期输出的更详细视图,请参见下图。
在chart.js中,实际上是否有可能在y轴起始处不绘制任何值的情况下获得此输出,或者我们是否需要采用任何其他方法来获得此预期输出。
请帮助我找到这个问题的解决方案。
2条答案
按热度按时间2exbekwf1#
我不**100%**确定这是否适用于您的特定图表,也就是说,您可以简单地从
x
轴设置min
和max
值。(更多细节请参见link to the documentation)。如本例所示:
dsf9zpds2#
您可以通过更改x轴的最小属性值来实现您的要求。最初,我们呈现了如图所示的图表。我们可以根据您的要求设置x轴的最小值,从而从y轴的起点呈现折线图。我们创建了一个简单的Angular 应用程序来演示这一点。请找到下面的stackblitz链接以供参考。
示例链接:https://stackblitz.com/edit/angular-a3xvsv-2iblmd?file=app.component.ts
代码片段:
截图:
初始渲染:
点击按钮后: