[英]Morrisjs chart not displaying properly
i'm trying to generate a chart using Marrisjs which i have done a few times before with no issue. 我正在尝试使用Marrisjs生成图表,而我之前已经做了几次,没有问题。 However for some reason this one is proving to be very annoying!
但是由于某种原因,这真让人讨厌! Any ideas where i'm going wrong?
任何想法,我要去哪里错了?
<h4 class="card-title">Pedigree Chart</h4>
<div id="morris-line-chart"></div>
$(function () {
"use strict";
// LINE CHART
Morris.Line({
element: 'morris-line-chart'
, resize: true
, data: [
{y: 'April',pedigrees_added: 1},
{y: 'March',pedigrees_added: 0},
{y: 'February',pedigrees_added: 3},
{y: 'January',pedigrees_added: 0},
{y: 'December',pedigrees_added: 0},
{y: 'November',pedigrees_added: 0},
{y: 'October',pedigrees_added: 0},
{y: 'September',pedigrees_added: 0},
{y: 'August',pedigrees_added: 0},
{y: 'July',pedigrees_added: 0},
{y: 'June',pedigrees_added: 0},
{y: 'May',pedigrees_added: 0},]
, xkey: 'y'
, ykeys: ['pedigrees_added']
, labels: ['New added']
, gridLineColor: '#eef0f2'
, lineColors: ['#009efb']
, lineWidth: 1
, hideHover: 'auto'
});
});
The problem is the information doesn't seem to be displaying properly. 问题在于信息似乎无法正确显示。 i'm guessing there is a syntax error somewhere.
我猜某处有语法错误。
this library only works with dates x-axis. 该库仅适用于日期x轴。 ( https://morrisjs.github.io/morris.js/lines.html ) change yor data like that:
( https://morrisjs.github.io/morris.js/lines.html )更改您的数据,如下所示:
data: [
{y: '2019-04',pedigrees_added: 1},
{y: '2019-03',pedigrees_added: 0},
{y: '2019-02',pedigrees_added: 3},
{y: '2019-01',pedigrees_added: 0},
{y: '2018-12',pedigrees_added: 0},
{y: '2018-11',pedigrees_added: 0},
{y: '2018-10',pedigrees_added: 0},
{y: '2018-09',pedigrees_added: 0},
{y: '2018-08',pedigrees_added: 0},
{y: '2018-07',pedigrees_added: 0},
{y: '2018-06',pedigrees_added: 0},
{y: '2018-05',pedigrees_added: 0}]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.