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

Question

我想根据日期根据2个值制作内联图表。 例如，我只采用了3个值。 但是我不能在不使用标签的情况下在轴上显示值。 我不想定义它们，因为我希望能够选择是否按天，月显示...... 而且我可能每天都有几个值。 我想要实现的图形样本：     ＆lt; div style =＆＃34; width：400px＆＃34;＆gt;     ＆lt; canvas id =＆＃34; myChart＆＃34;宽度=＆＃34; 400＆＃34;高度=＆＃34; 400＆＃34;＆GT;＆LT; /画布＆GT; ＆LT; / DIV＆GT; ＆LT;脚本＆GT;     var timeCheck = [＆＃39; 2017-09-21 11：30：51.418Z＆＃39;，＆＃39; 2017-09-25 10：52：30.966Z＆＃39;，＆＃39; 2017-09- 25 12：35：51.118Z＆＃39;]     var valueOne = [3578,3110,971]     var valueTwo = [2516,2516,2516]     var test = [{x：＆＃39; 2017-09-21 11：30：51.418Z＆＃39;，y：3578}，{x：＆＃39; 2017-09-25 10：52：30.966Z＆＃ 39;，y：3110}，{x：＆＃39; 2017-09-25 12：35：51.118Z＆＃39;，y：971}]     var ctx = document.getElementById（＆＃34; myChart＆＃34;）。getContext（＆＃39; 2d＆＃39;）;     var myChart = new Chart（ctx，{         键入：＆＃39; line＆＃39;，         数据：{             数据集：[{                 标签：＆＃39;＃值One＆＃39;，                 数据：valueOne，                 背景颜色： [                     ＆＃39; rgba（255,133,27,0.2）＆＃39;                 ]                 边框颜色： [                     ＆＃39;＃ff851b＆＃39;                 ]                 borderWidth：2             }，{                 标签：＆＃39;＃值2＆＃39;，                 数据：valueTwo，                 背景颜色： [                     ＆＃39; rgba（0,116,217,0.2）＆＃39;                 ]                 边框颜色： [                     ＆＃39;＃0074d9＆＃39;                 ]                 borderWidth：2             }]         }，         选项：{             比例：{                 xAxes：[{                     时间： {                         单位：＆＃39; day＆＃39;                     }                 }]             }         }     }）; ＆LT; /脚本＆GT;

Answer 1

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

例如：

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

// ...

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