jQuery jqplot - 如何创建多行标签

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 - 如何创建多行标签

jQuery jqplot - How to create multi line of a label

javascript

jquery

jquery-plugins

jqplot