在没有标签的 xAxes 上显示日期答案

【问题标题】：Show date on xAxes without labels在没有标签的 xAxes 上显示日期
【发布时间】：2017-09-26 10:19:45
【问题描述】：

我想根据日期制作基于 2 个值的内联图表。例如，我只取了 3 个值。

但如果不使用标签，我无法在轴上显示值。我不想定义它们，因为我希望能够选择是否按天、月显示... 并且可能我每天可以有几个值。我想实现的图形示例：

    <div style="width:400px">
    <canvas id="myChart" width="400" height="400"></canvas>
</div>
<script>
    var timeCheck = ['2017-09-21 11:30:51.418Z', '2017-09-25 10:52:30.966Z', '2017-09-25 12:35:51.118Z']
    var valueOne = [3578, 3110, 971]
    var valueTwo = [2516, 2516, 2516]
    var test = [{x: '2017-09-21 11:30:51.418Z', y: 3578},{x: '2017-09-25 10:52:30.966Z', y: 3110},{x: '2017-09-25 12:35:51.118Z', y: 971}]

    var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {

            datasets: [{
                label: '# the value One',
                data: valueOne,
                backgroundColor: [
                    'rgba(255, 133, 27, 0.2)'
                ],
                borderColor: [
                    '#ff851b'
                ],
                borderWidth: 2
            }, {
                label: '# the value Two',
                data: valueTwo,
                backgroundColor: [
                    'rgba(0, 116, 217, 0.2)'
                ],
                borderColor: [
                    '#0074d9'
                ],
                borderWidth: 2
            }]
        },
        options: {
            scales: {
                xAxes: [{
                    time: {
                        unit: 'day'
                    }
                }]
            }
        }
    });
</script>

【问题讨论】：

标签： javascript chart.js

【解决方案1】：

在data属性下可以定义labels属性，这是一个标签数组，可以是一个包含各种内容的字符串。

例如：

const labels = items.map(item => {
    // return the desired label for each item here
})

// ...

new Chart(context, {
  data: {
    labels: labels
    // ...
  }
  // ...
}

【讨论】：

感谢您的帮助，但我希望不使用标签以获得更大的灵活性。