- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我使用以下代码在 Morris Chart 中显示 MySQL 数据。一切都很好,除非我在同一天有两条或更多记录,在莫里斯图表中仅显示为一条。
PHP 文件
$mysqli = mysqli_connect($hostname_membership, $username_membership, $password_membership, $database_membership);
if ($mysqli->connect_errno) {
printf("Connect failed: %s\n", $mysqli->connect_error);
exit();
}
$query = "SELECT id FROM details WHERE MemberStatus = 'Active' AND PaymentStatus NOT REGEXP 'Not'";
$result = mysqli_query($mysqli,$query);
$total_rows = $result->num_rows;
$array = array();
foreach($mysqli->query('SELECT DateAdded, COUNT(*) FROM details GROUP BY DateAdded') as $row) {
$year = date("Y-m-d",strtotime($row['DateAdded']));
array_push($array,array('Year'=>$year, 'Numb'=>$row['COUNT(*)'],'Total'=>$total_rows));
}
echo json_encode($array);
$mysqli->close();
莫里斯·JS
$.getJSON("js/morris.php", function (json) {
Morris.Area({
element: 'morris-area-chart',
data: json,
xkey: 'Year',
xLabelFormat: function (x) {
var IndexToMonth = [ "Jan", "Feb", "Mar", "Apr", "Mar", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
var month = IndexToMonth[ x.getMonth() ];
var year = x.getFullYear();
return month + ' ' + year;
},
xLabels: 'month',
ykeys: ['Numb','Total'],
labels: ['Signups / Renewals','Total Active Members'],
pointSize: 2,
hideHover: 'auto',
resize: true,
dateFormat: function (x) {
var d = new Date(x);
var MyDateString;
d.setDate(d.getDate());
var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
return ("0" + d.getDate()).slice(-2) +' '+monthNames[d.getMonth()]+' '+d.getFullYear();
}
});
return false;
});
我的 JSON 输出是
[{"Year":"2016-10-27","Numb":"1","Total":11},{"Year":"2016-10-28","Numb":"1","Total":11},{"Year":"2016-10-31","Numb":"1","Total":11},{"Year":"2016-11-02","Numb":"1","Total":11},{"Year":"2016-11-05","Numb":"1","Total":11},{"Year":"2016-11-07","Numb":"1","Total":11},{"Year":"2016-11-08","Numb":"1","Total":11},{"Year":"2016-11-09","Numb":"1","Total":11},{"Year":"2016-11-10","Numb":"1","Total":11},{"Year":"2016-11-10","Numb":"1","Total":11},{"Year":"2016-11-16","Numb":"1","Total":11}]
从上面可以看到,JSON 输出有两条相同的记录
{"Year":"2016-11-10","Numb":"1","Total":11},{"Year":"2016-11-10","Numb":"1","Total":11}
这就是莫里斯图表上仅显示的一条记录。在本例中,2016 年 11 月 10 日只有一个人注册,而实际上是两个人...
仅供引用 - TOTAL 就是 - 注册总数。虽然我喜欢将其作为运行总数,但我也无法计算出来。所以我不用担心,除非有一个简单的解决方案。
我错过了什么?
最佳答案
已经想出了一个解决方案 - 似乎有效 - 到目前为止......
已替换
SELECT DateAdded, COUNT(*) FROM details GROUP BY DateAdded
与
SELECT DateAdded, COUNT(*) FROM details GROUP BY DATE_FORMAT(DateAdded,"%Y-%m-%d")
现在正在计算运行总计...
关于javascript - 在莫里斯图表中正确显示 JSON 结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40621672/
有没有办法在莫里斯 donut chart 表绘制事件之后调用函数。绘制图表后,我需要向父 div 添加一个类。 最佳答案 我认为你需要修改文件morris.js,在函数Donut.prototype
我的莫里斯 donut chart 上有很长的标签。 由于它们很长,所以很难阅读。 当我将鼠标悬停在该文本上时,我希望有某种带有标签的弹出窗口。但是没有 css 类来绑定(bind)处理程序。 js代
我正在使用莫里斯 donut chart 来显示进度。我正在正确获取状态计数。但它在圆环图中显示未定义而不是标签。 Morris Donut Chart Showing Undefined Error
我正在尝试使用 donut 形状使用 Morris 图表正确绘制一些数据。 Morris.Donut({ element: 'donut-chart-revenue',
我是 AngularJS 的新手,因此需要在我的项目集成 angular morris donut chart 中使用 donut chart 。在那,如果我将值作为自然数传递,它就可以工作。但是如果
我正在使用 Morris 圆环图,我想尝试确保分段始终从 12 点钟开始,以便在同一屏幕上同时查看多个图表时具有一定的一致性。 以前我用jQuery circliful https://github.
我是一名优秀的程序员,十分优秀!