Javascript 在morrise图表中使用xkey字符串

我正在尝试使用莫里斯图表建立一个折线图，根据一周中的天数显示车辆编号

问题是当我在xKey中使用String时，结果如下所示：

但如果我用数字来代替它们，效果很好

---

这是我的密码

<div class="col-xs-6">
  <label>Transports Traffic</label>
  <div id="traffic_chart">
    <script>
      new Morris.Area({
        element: 'traffic_chart',
          data: [
            {y: 'Sat', a: 100, b: 90, c:22},
            {y: 'Sun', a: 75, b: 65, c:22},
            {y: 'Mon', a: 50, b: 40, c:22},
            {y: 'Tue', a: 75, b: 65, c:22},
            {y: 'Wed', a: 50, b: 40, c:22},
            {y: 'Thi', a: 75, b: 65, c:22},
            {y: 'Fri', a: 100, b: 90, c:22}
          ],
          xkey: 'y',
          ykeys: ['a', 'b', 'c'],
          labels: ['Cars', 'Bikes', 'Trucks']
       });
     </script>
  </div>
</div>

运输交通
新莫里斯区({
元素：“交通图”，
数据：[
{y:'Sat'，a:100，b:90，c:22}，
{y:'太阳'，a:75，b:65，c:22}，
{y:'星期一'，a:50，b:40，c:22}，
{y:'星期二'，a:75，b:65，c:22}，
{y:'Wed'，a:50，b:40，c:22}，
{y:'Thi'，a:75，b:65，c:22}，
{y:'Fri'，a:100，b:90，c:22}
],
xkey:'y'，
ykeys:[a'，b'，c']，
标签：[“汽车”、“自行车”、“卡车”]
});

在morrise库中，X键始终解析为日期/时间值。因此，为了防止出现这种情况并在X-Key中使用字符串值，必须添加此属性

parseTime:false

在我添加它之后，它工作了

---

.

这是我的例子，也很有效

$(function() {
    Morris.Area({
        element: 'morris-area-chart-days',
        data: [{
            day: 'Mon',
            a: 95
        }, {
            day: 'Tue',
            a: 66
        }, {
            day: 'Wed',
            a: 86
        }, {
            day: 'Thu',
            a: 151
        }, {
            day: 'Fri',
            a: 115
        }, {
            day: 'Sat',
            a: 93
        }, {
            day: 'Sun',
            a: 38
        }],
        xkey: 'day',
        ykeys: ['a'],
        parseTime: false,
        labels: ['Messages'],
        pointSize: 2,
        hideHover: 'auto',
        resize: true
    });
});

在莫里斯图表中， 如果“parseTime”设置为false，则跳过对X值的时间/日期解析，否则将它们视为等距序列；默认值为parseTime:true..这就是为什么在上面的图表中出现问题..所以请插入下面的代码行好吗

解析时间：false

重写代码，如下所示

new Morris.Area({
             ------
             parseTime:false,
             ------
});

用这个

parseTime:false，

 Morris.Line({
        element: 'morris-line-chart',
        data:  <?php echo json_encode($emparray);?>,
        xkey: 'xco',
        ykeys: ['x1', 'x2'],
        labels: ['x1', 'x2'],
        hideHover: 'auto',
        pointSize: 3,
        parseTime: false,
        resize: true
    });

Morris.Line({
元素：“莫里斯折线图”，
数据：，
xkey:'xco'，
ykeys:[x1'，x2']，
标签：['x1'，'x2']，
隐藏：“自动”，
点数：3，
时间：错，
调整大小：true
});