Jqplot自定义图表颜色

Question

Jqplot自定义图表颜色  
  // 水平柱状图
    var plot = $.jqplot('chart1', [], {
     title: '按系统统计符合情况', 
     seriesColors: colors,
     dataRenderer: sineRenderer1,
        seriesDefaults: {
            renderer:$.jqplot.BarRenderer,
            // 显示单个柱状图的数据
            pointLabels: {
     show: false,
     location: 'e',
     edgeTolerance: -15 
     },
            //阴影角度
            shadowAngle: 135,
            // 设置柱状图的各项属性，例如：barDirection: 'horizontal'水平方向
            rendererOptions: {
                barDirection: 'horizontal',
                barWidth:20,
                 barMargin: 5
            }
        },
        axes: {
          xaxis: {
          min: 0,
                     max: 100,
                     tickInterval: 10,
                     tickOptions: {formatString: '%d\%' ,fontSize: 14}
          },
         yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer
            }
        },
     grid:{
       drawBorder: false, 
          shadow: false,
          background:'#FFFFFF',    
        },
            cursor: {
             showTooltip: true,
             followMouse: false,    
             showTooltipUnitPosition: false  
                }, 
            highlighter: { show: true }
    });plot

Answer 1

柱状图需要颜色，使用seriesColors 只显示第一个的颜色  请指导！！

Answer 2

//组装颜色数组
function GetSeriesColor(){ 
var series='${series}'.split(",");
        colorArr = new Array(series.length); 
        for (i = 0; i < series.length; i++){ 
            if (series[i] < 50){ 
                colorArr[i] = 'red'; 
            } 
            else if(series[i] > 80 ){ 
                colorArr[i] = 'green'; 
            } else{
             colorArr[i] = 'yellow';
            }
        } 
        return colorArr; 
    } //组装水平柱状图数据
    var sineRenderer = function() {
     var series = '${series}'.split(",");
     var xPointData=series.map(function(series){  
        return +series;  
    }); 
     var yPointData = '${categories}'.split(",");
     var resourceId = '${resourceId}'.split(",");
var data = [[]];
for (var i=0; i<xPointData.length; i++) {
data[0].push([xPointData[i], yPointData[i],yPointData[i],resourceId[i]]);
}
return data;
};
var colors=GetSeriesColor();