代码之家  ›  专栏  ›  技术社区  ›  Vanjith

jQuery jqplot-如何创建标签的多行

  •  0
  • Vanjith  · 技术社区  · 8 年前

    我在xaxis的jqplot中有一个更长的标签,在标签旁边。 我试过了 但它看起来更丑陋,因为只有一个标签看起来很长,其他标签则更短。 我用过

    <br/>
    

    标签之间的标签,但它也显示了我在屏幕上键入的内容。这是我对jqplot的配置。

    seriesDefaults: {
                        renderer:jQuery.jqplot.BarRenderer,
                        pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
                        shadowAngle: 135,
                        rendererOptions: {
                            varyBarColor: true,
                            smooth: true,
                            animation: {
                                show: true
                            },
                            barWidth: 30
                        }
                    },
    axes:{
                            yaxis: {
                                label:'No. of candidates',
                                fontSize: '10pt',
                                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
    
                        },
                        xaxis:{
                            renderer: jQuery.jqplot.CategoryAxisRenderer,
                            ticks: ['ABC Offers','XXX Offers','XXX Joinees','No show/Offer Declined/<br/>Revoked/Terminated','Yet to Join'],
                            tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
                            tickOptions: {
                              angle: -20,
                              fontSize: '10pt'
                            }
                        }
                   }
    

    如果你以前经历过的话,给一些。

    1 回复  |  直到 8 年前
        1
  •  0
  •   Vanjith    8 年前

    我找到了解决办法。当我们使用jqplot时。CanvasAxis不支持HTML标记。 如果你 去除

    tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
    

    但问题是,如果要旋转轴刻度标签或按角度倾斜标签,这些选项将不起作用。