Javascript 在Morris图表上添加动画效果

我用Morris JS创建了一个图表。目前，图表只是加载到屏幕上，没有任何效果。我想通过添加动画效果使图表更有趣一些

这是我的剧本：

<script>
 Morris.Area({
  element: 'chart',
  // json_encode returns JSON representation of a value
  data: <?php echo json_encode($json_data,JSON_UNESCAPED_UNICODE)?>,
  xkey: 'label',
  ykeys: ['value'],
  // Set to false to skip time/date parsing for X values, instead treating 
 them as an equally-spaced series.
  parseTime:false,
  labels: ['<b>Registered Users</b>'],
   pointFillColors: ['#6789ab'],
 pointStrokeColors: ['#112233'],
 lineColors: ['#a9b4d6'],
  resize: true
  });
</script>

莫里斯地区({
元素：'图表'，
//json_encode返回值的json表示形式
数据：，
xkey:'标签'，
ykeys:['value']，
//设置为false将跳过对X值的时间/日期分析，而不是
它们是一个等距序列。
时间：错，
标签：[“注册用户”]，
点填充颜色：['#6789ab']，
pointStrokeColors:['#112233']，
线条颜色：['#a9b4d6']，
调整大小：true
});

我知道这将通过css的帮助完成，但我不知道该如何使用这个过程

我使用的Div框是：

<div id="chart"></div>

---

但我只希望图表显示动画效果

我在这里解释如何使用Morris图表制作动画效果：

---

这需要进行一些修改。好消息是，您可以使用我的fork，其中包括以下更改：）：

我在这里解释如何使用Morris Chart制作动画效果：

---

这需要进行一些修改。好消息是，您可以使用包含以下更改的my fork:）：

您可以在此处或中创建工作示例吗？您可以在此处或中创建工作示例吗？