Question

我正在网站上工作。在其中一个页面上，我用morris.js绘制折线图。但x轴看起来像this

它在天数之前放置190，所以我希望它看起来像第1天，第2天......

这是我的图表源代码：

var DataForChart1 = [
                     {x:'1' , a: <?php echo h($day1); ?> },
                     {x:'2' , a: <?php echo h($day2); ?> },
                     {x:'3' , a: <?php echo h($day3); ?> },
                     {x:'4' , a: <?php echo h($day4); ?> },
                     {x:'5' , a: <?php echo h($day5); ?> },
                     {x:'6' , a: <?php echo h($day6); ?> },
                     {x:'7' , a: <?php echo h($day7); ?> },
                     {x:'8' , a: <?php echo h($day8); ?> },
                     {x:'9' , a: <?php echo h($day9); ?> },
                     {x:'10' , a: <?php echo h($day10); ?> }
                    ];
config1 = {
  data: DataForChart1,
  xkey: 'x',
  ykeys: 'a',
  xLabelAngle: '70',
  labels: 'Кръвно налягане горна граница',
  fillOpacity: 0.6,
  hideHover: 'auto',
  behaveLikeLine: true,
  resize: true,
  pointFillColors:['#ffffff'],
  gridTextSize: 15,
  verticalGrid: true,
  gridTextColor: '#5cb85c',
  pointStrokeColors: ['black'],
  padding: 50,
  lineColors:['red']
          };
config1.element = 'chart1';
Morris.Line(config1);

x为'1'，'2'......，'10'的原因是因为如果我把它放在前面，那么整个事情看起来就像this。

如果您知道此问题的解决方案，请告诉我。谢谢你的阅读。

Answer 1

将parseTime: false添加到您的配置中以停用正在使用的日期。

尽管将1,2,3作为x，但默认情况下morris.js将x填充为日期（因此显示了1901,1902,1903等的原因）。

Here's a jsFiddle with the fix

morris.js中x轴的问题

1 个答案: