jquery - Jqplot 多行刻度/标签

Question

我正在尝试打破 jqPlot 的长标签/刻度使用 ' <br> 将图表转换为多行' 或 \n但这一切都是徒劳的。谁能提出问题是什么？

将标签分成多行的最佳方法是什么？

  <script language="javascript" type="text/javascript" src="jqPlot/jquery.jqplot.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.barRenderer.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.highlighter.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.cursor.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.categoryAxisRenderer.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.canvasAxisTickRenderer.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.canvasTextRenderer.min.js"></script>
  <script language="javascript" type="text/javascript" src="jqPlot/jqplot.pointLabels.min.js"></script>
  <script id="example_1" type="text/javascript">    
     $(document).ready(function () {
         var line1 = [5600, 3150, 18];
         var ticks = ['Hardware <br /> and <br /> Installtion', 'Labor', 'Electricity'];    

         plot1 = $.jqplot('chart1', [line1], {
            title: 'Breakout total Cost of Ownership : LFD vs existing solution',
            animate: true,
            seriesColors: ['#1F497D', '#C0504D', '#9BBB59'],

            seriesDefaults: {
                renderer: $.jqplot.BarRenderer,
                rendererOptions: {
                    waterfall: true,
                    barWidth: 50,
                    animation:
                    {
                        speed: 2500
                    },
                    useNegativeColors: false,
                    varyBarColor: true
                },
                pointLabels: {
                    hideZeros: false
                },
                yaxis: 'yaxis',
                xaxis: 'x2axis',
                pointLabels: { show: true }
            },
            axes: {
                x2axis: {
                    renderer: $.jqplot.CategoryAxisRenderer,
                    ticks:ticks,
                    tickRenderer: $.jqplot.CanvasAxisTickRenderer,

                    tickOptions: {
                        fontFamily: 'Georgia',
                        fontSize: '8pt',
                        showGridline: true
                    }
                },
                yaxis: {
                    min: 0,
                    tickInterval: 20000,
                    tickOptions: {
                        formatString: "$%'d"
                    }
                }
            },
            cursor: {
                show: true
            }
        });
    });
 </script>

提前致谢

Answer 1

删除下面的行后，效果很好。谢谢

<script language="javascript" type="text/javascript" src="jqPlot/jqplot.canvasAxisTickRenderer.min.js"></script>