Javascript 使用Morris.js从YAxis毕业
我使用Morris.js绘制图表 我正确地填充了我的数据,并且我的图表很好 见下图: 这是我用于绘图的配置:Javascript 使用Morris.js从YAxis毕业,javascript,morris.js,Javascript,Morris.js,我使用Morris.js绘制图表 我正确地填充了我的数据,并且我的图表很好 见下图: 这是我用于绘图的配置: var config = { data: data, xkey: 'y', ykeys: ['a', 'b'], labels: ['Individual Score', 'Team Score'], fillOpacity: 0.6, hideHover: 'auto',
var config = {
data: data,
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Individual Score', 'Team Score'],
fillOpacity: 0.6,
hideHover: 'auto',
behaveLikeLine: true,
resize: true,
pointFillColors: ['#ffffff'],
pointStrokeColors: ['black'],
lineColors: ['gray', 'blue']
};
我的问题是:如何使Y轴的显示只显示3个值:1、2和3?在最新的官方Morris.js v0.5.1中,实际上没有参数可以这样做。
但您可以使用
yLabelFormat
隐藏非整数的y值:
Morris.Area({
元素:'图表',
数据:[
{y:'2015-01',a:1,b:2},
{y:'2015-02',a:2,b:3},
{y:'2015-03',a:2,b:2},
{y:'2015-04',a:1,b:1},
{y:'2015-05',a:2,b:2},
{y:'2015-06',a:3,b:3},
{y:'2015-07',a:1,b:2}
],
xkey:'y',
ykeys:[a',b'],
标签:[“个人得分”、“团队得分”],
填充不透明度:0.6,
隐藏:“自动”,
是的,
调整大小:对,
点填充颜色:['#ffffff'],
pointStrokeColors:['black'],
线条颜色:[“灰色”、“蓝色”],
yLabelFormat:function(y){return y!=Math.round(y)?“”:y;}
});代码>
谢谢,这就是我的问题的答案。。。然而,也许我会使用raphael.js而不是morris。。。