更改jqchart的categoryAxis上的文本的方向

我有一個jqxchart，其中一切都顯示完美。唯一的問題仍然是圖表的categoryAxis文本。文本正在水平方向，並與圖表的其他文本重疊。可以any1請幫我改變categoryAxis上顯示的文字的方向嗎？這裏是我使用的代碼更改jqchart的categoryAxis上的文本的方向

function BindServerErrorChart() { 
    // prepare chart data 
    var sampleData = [ 
       { Server: 'Server1', Error: 6 }, 
       { Server: 'Server2', Error: 50 }, 
       { Server: 'Server3', Error: 31 }, 
       { Server: 'Server4', Error: 78 }, 
       { Server: 'Server5', Error: 19 }, 
       { Server: 'Server6', Error: 60.90 } 
       ]; 


    // prepare jqxChart settings 
    var settings = { 
     title: "Errors By server", 
     description: "", 
     showLegend: true, 
     enableAnimations: false, 
     padding: { left: 20, top: 5, right: 20, bottom: 5 }, 
     titlePadding: { left: 90, top: 0, right: 0, bottom: 10 }, 
     source: sampleData, 
     categoryAxis: 
        { 
         dataField: 'Server', 
         showGridLines: false, 
         flip: false 
        }, 
     colorScheme: 'scheme01', 
     seriesGroups: 
        [ 
         { 
          type: 'column', 
          orientation: 'horizontal', 
          columnsGapPercent: 100, 
          toolTipFormatSettings: { thousandsSeparator: ',' }, 
          valueAxis: 
          { 
           flip: true, 
           unitInterval: 10, 
           displayValueAxis: true, 
           description: '', 
           formatFunction: function (value) { 
            return parseInt(value); 
           } 
          }, 
          series: [ 
            { dataField: 'Error', displayText: 'Servers' } 
           ] 
         } 
        ] 
    }; 
    // setup the chart 
        $('#ServerErrorChart').jqxChart(settings); 
}

來源

2012-10-16 Gautam

集textRotationAngle：90 在爲CategoryAxis設置

來源

2012-10-18 10:26:17

我剛剛得到了解決方案。我編輯如下。

categoryAxis: 
{ 
dataField: 'Server', 
showGridLines: false, 
flip: true, 
textRotationAngle: 90 
},

來源

2012-10-16 10:53:39 Gautam

更改jqchart的categoryAxis上的文本的方向

回答

相關問題