2

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>

前もって感謝します

4

1 に答える 1

3

下の線を削除した後、それはうまくいきました。ありがとう

<script language="javascript" type="text/javascript" src="jqPlot/jqplot.canvasAxisTickRenderer.min.js"></script>
于 2012-05-29T10:45:58.197 に答える