我有一个使用RGraph.net的图表的简单模型,但我不知道为什么列的月份标签和轴的“ GBP”标签没有显示。
我已经将代码放入https://jsfiddle.net/Abeeee/kcwqn850/32/
var chart = new RGraph.Bar('chart_column', [0, 0, 0, 0, 0, 0, 0, 0, 0, 165, 40, 489, 1011])
.set('zoom.factor', 11)
.set('shadow', true)
.set('labels', ['Jul18', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan19', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'])
.set('shadow.offsetx', 5)
.set('shadow.offsety', 5)
.set('shadow.blur', 9)
.set('gutter.left', 65)
.set('text.font', 'Segoe UI')
.set('colors', ['#FF0000'])
.set('align', 'left')
.set('title.yaxis', 'GBP')
.set('title.yaxis.size', 10)
.set('title.yaxis.x', 7)
.set('title.yaxis.y', 120)
.set('title.yaxis.bold', false)
.set('grid.hoverable', true)
.set('tooltips.effect', 'fade')
.set('tooltips', ['GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 165', 'GBP 40', 'GBP 489', 'GBP 1,011'])
.set('tooltips.event', 'mousemove')
.on('mousemove', function(e, shape) {
e.target.style.cursor = 'pointer';
})
.on('click', function myClick(e, shape) {
var index = shape[5];
alert(labels[index]);
})
.draw();
我想在图表的底部(轴/列下方)看到月份标签,在图表的左侧看到GBP标签,但是什么也没显示。
什么东西少了?
谢谢安倍
您正在使用旧的属性名称。在版本5中,许多人都被赋予了新的名字。例如,标签变为xaxisLabels。这是您的代码更新:
new RGraph.Bar({
id: 'chart_column',
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 165, 40, 489, 1011],
options: {
shadow: true,
xaxisLabels: ['Jul18', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan19', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
shadowOffsetx: 5,
shadowOffsety: 5,
shadowBlur: 9,
marginLeft: 65,
textFont: 'Segoe UI',
colors: ['red'],
yaxisTitle: 'GBP',
yaxisTitleSize: 10,
yaxisTitleX: 7,
yaxisTitleY: 120,
yaxisTitleBold: false,
tooltipsEffect: 'fade',
tooltips: ['GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 0', 'GBP 165', 'GBP 40', 'GBP 489', 'GBP 1,011'],
tooltipsEvent: 'mousemove'
}
}).draw().on('mousemove', function (e, shape)
{
e.target.style.cursor = 'pointer';
}).on('click', function (e, shape)
{
var index = shape[5];
alert(labels[index]);
}).draw();
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句