Question

我有一个使用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标签，但是什么也没显示。

缺少什么？

谢谢安倍（Abe）

Answer 1

您正在使用旧的属性名称。在版本5中，许多都被赋予了新名称。例如，标签变为xaxisLabels。这是您的代码已更新：

var chart = new RGraph.Bar('chart_column', [0, 0, 0, 0, 0, 0, 0, 0, 0, 165, 40, 489, 1011])
    .set('shadow', true)
    .set('xaxisLabels', ['Jul18', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan19', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'])
    .set('shadowOffsetx', 5)
    .set('shadowOffsety', 5)
    .set('shadowBlur', 9)
    .set('marginLeft', 65) 
    .set('textFont', 'Segoe UI')
    .set('colors', ['red'])
    .set('yaxisTitle', 'GBP')
    .set('yaxisTitleSize', 10)
    .set('yaxisTitleX', 7)
    .set('yaxisTitleY', 120)
    .set('yaxisTitleBold', false)
    .set('tooltipsEffect', '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('tooltipsEvent', 'mousemove')
    .on('mousemove', function (e, shape)
    {
        e.target.style.cursor = 'pointer';
    })
    .on('click', function (e, shape)
    {
        var index = shape[5];
        alert(labels[index]);
    })
    .draw();

为什么没有显示RGraph标签？

1 个答案: