Question

我有一个较长的标签，在xaxis的jqplot中靠近标签。我尝试使用 angle ，但它仍然看起来更丑陋，因为单独的标签看起来很长，其他标签更短。我用了

<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'
                        }
                    }
               }

如果您以前经历过，请提供一些。

Answer 1

我得到了解决方案。当我们使用jqplot.CanvasAxisTickRenderer时，它会支持HTML标记。如果您从xaxis 删除以下行，它将拆分该行。

tickRenderer: $.jqplot.CanvasAxisTickRenderer ,

但问题是，如果您想旋转轴刻度标签或按角度倾斜标签，那些选项将不起作用。

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

1 个答案: