Jqplot自定义图表颜色

[wenjie4892543]

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 }
});

[wenjie4892543]

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

[wenjie4892543]

//组装颜色数组 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();

[野孩子1969]

我想使同一分类下 每个柱子的颜色不一样 怎么设置呢？