为什么没有显示RGraph标签?

用户名

我有一个使用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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么没有显示我的文本标签?

为什么没有显示我的标签?(Java)

为什么标签没有显示在我的QuickAccessToolbar中?

为什么 <p> 标签中没有显示 CSS 边框?

为什么我的标签上没有显示数字?

RGraph没有显示任何内容?

为什么引导标签输入在标签末尾没有显示完整字符?

为什么jqPlot轴刻度文本标签被裁剪/损坏并且轴标签没有显示?

为什么汤找到所有没有显示所有标签

为什么我的海洋计数图中的图例没有显示所有标签?

为什么没有正确显示带有条目小部件值的标签?

为什么我的标签没有隐藏?

为什么标签中没有下标?

没有 js 代码,如果我有 '' 标签,为什么它会显示我“没有 js 代码”?

Python BeautifulSoup 网页抓取:为什么 section 标签里面没有显示任何东西?

为什么git标签没有显示在任何分支上?

为什么我的 HTML 字符串在 WebView iOS 中没有显示正确的 html 标签?

为什么条形图的前两个文本标签没有显示?

为什么在“ Google Play游戏”中没有显示“排行榜”和“功能”标签?

为什么我的默认Azure AD B2C登录页面没有显示标签?

为什么时间倒计时没有在标签上显示计数?

为什么BODY标签没有覆盖HTML标签属性?

为什么我的数据没有显示?

为什么没有显示添加的列?

为什么我的spanable没有显示?

为什么ElasticSearch没有显示分数?

为什么我的列表没有显示?

为什么没有显示元素列表?

为什么错误消息没有显示