Tag: morris.js

点击morris酒吧的活动: 我实现morris图并且还在处理点击function，但是当我点击栏时我想要那个栏的数据会提醒。那么如何获取数据。 Morris.js Bar Chart Example Morris.Bar({ element: ‘bar-example’, data: [ { y: ‘2006’, a: 100, b: 90 }, { y: ‘2007’, a: 75, b: 65 }, { y: ‘2008’, a: 50, b: 40 }, { y: ‘2009’, a: 75, b: 65 }, { y: ‘2010’, a: 50, b: 40 }, { y: ‘2011’, a: 75, […]

rails 3.2.1上的morris.js无法从html获取json: 我在morris.js图形库上有一个奇怪的错误这适用于graphs.js $(document).ready(function() { Morris.Line({ element: ‘annual’, data: [ {y: ‘2012’, a: 100}, {y: ‘2011’, a: 75}, {y: ‘2010’, a: 50}, {y: ‘2009’, a: 75}, {y: ‘2008’, a: 50}, {y: ‘2007’, a: 75}, {y: ‘2006’, a: 100} ], xkey: ‘y’, ykeys: [‘a’], labels: [‘Series A’] }); }) 这不是graphs.js $(document).ready(function() { Morris.Line({ element: ‘annual’, data: $(‘#logs_chart’).data(‘logs’), […]

如何在morris.js条形图上放置文本: 我有一个morris.js条形图。我想把count放在这个图的顶部。我看着morris.js酒吧的文档，找不到任何东西。在hover时，它应显示value但在栏顶部应显示count 。有没有办法做到这一点？像给定图像的东西这是我的代码 Morris.Bar ({ element: ‘bar-example’, data: [ {mapname: ‘s1’, value: 10, count: 3}, {mapname: ‘s2’, value: 4, count: 4}, {mapname: ‘s3’, value: 12, count: 13} ], xkey: ‘mapname’, ykeys: [‘value’], labels: [‘No. of days’], barRatio: 0.4, xLabelAngle: 35, hideHover: ‘auto’, barColors: function (row, series, type) { console.log(“–> […]

如何增加morris.js栏的宽度或在栏之间增加空格？: 我有这个morris.js酒吧有多个酒吧，我想改变酒吧的宽度或在持续时间之间腾出空间。从下面的图像有一种方法可以在Feb March到April之间提供更多的空间，还是有办法调整条宽？这是我的代码 Morris.Bar({ element: ‘morris-chart-bar’, data: [ { y: ‘Feb’, a: 75, b: 60, c: 5, d: 50 }, { y: ‘March’, a: 180, b: 220, c: 140, d: 160 }, { y: ‘April’, a: 300, b: 340, c: 350, d: 270 } ], xkey: ‘y’, ykeys: [‘a’, ‘b’, ‘c’, ‘d’], labels: [‘A’, […]

莫里斯图。 hover时有自定义工具提示: 我正在使用morris.js（它依赖于raphael）来创建堆积条形图。对于每个堆叠的条形图，我想在条形图中显示各个级别的分割作为工具提示。我尝试使用hoverCallback:但它似乎并没有让我控制我正在盘旋的特定元素。我只获得该特定栏的内容。我在这里设置了一个JSBIN示例：当您将鼠标hover在条形图上时，它会显示底部条形图的索引。我想将内容显示为工具提示。 JSBIN示例