我对下图有两个疑问:
首先:我的x轴正在跳过一个标签
第二:我希望我的Feb数据栏从2月15日开始(依此类推所有月份),因为你可以看到它从1月15日开始。
以下是我的代码:
chartType.strikeRateFrquency=function(chartObject){
return{
chart: {
type: 'bar',
renderTo: chartObject.element,
inverted:false,
//rotation:'180',
width:550
},
title: {
text: ''
},
credits:{
enabled:false
},
xAxis: [
{
tickInterval : 1,
gridLineColor: 'transparent',
lineColor:'transparent',
tickColor:'transparent',
labels: {
formatter: function() {
var value = chartObject.cumalative[this.value] ;
//console.log(value);
return value !== 'undefined' ? value : this.value ;
}
},
title: {
align:'high',
text: 'Cumalative'+'<br>'+ 'Score S/R',
rotation:0,
x:-10,
y:-20
},
},
{
tickInterval : 1,
gridLineColor: 'transparent',
lineColor:'transparent',
tickColor:'transparent',
labels: {
formatter: function() {
var value = chartObject.monthsx[this.value];
//console.log(value);
return value !== 'undefined' ? value : this.value;
}
},
}
],
yAxis: [{
//reversed:true,
opposite:true,
max:72,
min:0,
gridLineColor: 'transparent',
tickInterval: 12,
title:{
text:''
},
labels: {
formatter: function() {
var value = chartObject.monthsy[this.value];
return value !== 'undefined' ? value : this.value;
}
},
}],
plotOptions: {
series: {
stacking: 'normal',
}
},
legend:{
enabled:false
},
series: [{
xAxis:1,
name: 'Quarter 2',
data: [35, 15, 35, 11, 2,10],
}, {
name: 'Quarter 1',
data: [25,15,20,10,15,22],
}]
}
}
指令代码:
function strikeRateFrequency($rootScope, chartTypesFactory) {
return {
restrict: "EA",
scope: {
graphData: '='
},
template: '<div></div>',
link: function (scope, element, attrs) {
scope.$watch('graphData', function () {
var chartoptions = {};
chartoptions.element = element[0];
chartoptions.monthsy={
0: 'Jan15',
12: 'Feb15',
24: 'Mar15',
36: 'Apr15',
48: 'May15',
60: 'Jun15'}
chartoptions.monthsx={
0: 'Jan15',
1: 'Feb15',
2: 'Mar15',
3: 'Apr15',
4: 'May15',
5: 'Jun15'}
chartoptions.cumalative=['10%','30%','40%','25%','60%','43%'];
var chart = new Highcharts.Chart(chartTypesFactory.strikeRateFrquency(chartoptions));
});
}
}
}