提供某些上下文的最佳方式可能是显示代码:
http://jsfiddle.net/ron_camaron/baa0q55j/12/
var arrayOfDates = ['Jun 2015', 'May 2015', 'Mar 2015', 'Feb 2015', 'Jan 2015', 'Dec 2014'];
var arrayOfData = [7.25, 10.001, 10, 8.39, 10.002, 6.76]
var cautionColor = '#AB2522';
var bronzeColor = '#8C7853';
var silverColor = '#CCCCCC';
var goldColor = '#FFCC00';
var neutralColor = "#ffffff";
var chart = c3.generate({
bindto: '#divForGraph_1',
size: {
height: 203,
width: 380
},
data: {
columns: [
['period'].concat(arrayOfData)
]
,
types: {
period: 'bar'
}
,
labels: true
,
names: {
period: 'Scoring Table'
}
,
color: function (color, d) {
if (d.value < 4) {
return cautionColor;
} else if (d.value < 7) {
return bronzeColor;
} else if (d.value < 10) {
return silverColor;
} else if (d.value > 10 && d.value < 10.001) {
return neutralColor;
} else if (d.value >= 10.001) {
return neutralColor;
}
return goldColor;
}
,
axis: {
y: {
label: {
text: 'Scores',
position: 'inner-middle'
}
},
x: {
type: 'timeseries',
tick: {
fit: true
}
}
}
}
,
axis: {
x:{
type: 'category',
categories: arrayOfDates
}
}
});
chart.axis.max({
y: 10.002
});
chart.axis.min({
y: 0
});
在那个条形图中,有一些特殊的&#34;值。我正在寻找一种自定义这些值的方法:
y轴上从0到10的其余值应该保持原样。
另一个要求是Y轴应该只显示0到10的值。
使用jQuery修改DOM可能是一种解决方案,但它是一种黑客行为,我希望使用正确的API来获得结果。
感谢任何帮助!