小编Tom*_*yen的帖子

ChartJS x 轴仅显示一年中的几个月

所以我正在使用 Cordova 制作这个移动应用程序,它允许我使用 HTML、CSS 和 JavaScript。我目前使用 SQLite 作为数据库(工作方式与 mySQL 几乎相同),但这并不重要。我所做的就是从该数据库中获取我的数据。我得到了日期(数据添加到数据库的时间)和一个人的体重。

我使用的折线图显示 Y 轴上的重量和 X 轴上的数据。

我想要做的只是将月份显示为 x 轴上的标签,但仍使其显示每天的数据。例如,如果我在 1 月 1 日、1 月 2 日和 1 月 3 日添加数据。我希望能够在我的图表上看到所有 3 天的点,但在 X 轴上它应该只显示“一月”。

我一直在研究 Chart.JS 的“时间”选项,但无法真正理解我应该如何做。

HTML:

<canvas id="myChart" style="margin-top: 20px;"></canvas>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

//these are the arrays that I will fill dynamically. Labels will be my months and data will be the weight

var labels = []; 
var data = [];

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, { …
Run Code Online (Sandbox Code Playgroud)

javascript sqlite cordova chart.js

2
推荐指数
1
解决办法
5616
查看次数

标签 统计

chart.js ×1

cordova ×1

javascript ×1

sqlite ×1