morris.js 中的 x 轴问题

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' 的原因是，如果我在它前面加上像 day 这样的东西，那么整个事情看起来就像 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 轴问题

Problems with the x axis in morris.js

javascript

charts

morris.js