关于Highcharts 嵌入 extjs的问题
Ext.onReady(function(){
var sss = '${jsonStr}';
var json1 = $.parseJSON(sss);
var json = eval(json1);
var cg = json.baobiao[0].orgName;
var liftNum = json.baobiao[0].liftNum;
var badNum = json.baobiao[0].badNum;
var failureRate = json.baobiao[0].failureRate;
var failureTime = json.baobiao[0].failureTime;
var failure = json.baobiao[0].failure;
var chart = new Highcharts.Chart();
var tabs = new Ext.TabPanel({
renderTo:'liftFailureReportInfoTb',
activeTab: 0,
items: [{
html: '<div id="container" style="width: auto;height: 487px; margin: 0 auto"></div>',
afterRender:?function?()?{
$("#container").highcharts({
chart: {
renderTo: 'container', //DIV 的ID
defaultSeriesType: 'column'//显示类型 ：柱状
},
title: {
text: '报表' //标题
},
xAxis: {//X轴命名
categories: cg,
labels:{
formatter:function(){
var s = this.value;
if(s.length <= 6){
return '<label style="cursor: pointer;" title="'+s+'">'+s+'</label>';
}else
{
return '<label style="cursor: pointer;" title="'+s+'">'+s.substring(0,6)+'...</label>';
}
}
}
},
yAxis: { //Y轴命名
min: 0, //最小值
title: {
text: '说明 (台)' //Y轴说明
}
},
credits: {
enabled: false
},
tooltip: { //显示元素名称
formatter: function() {
if(this.series.name =="故障率")
{
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y ;
}
else if(this.series.name =="故障次数")
{
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'次';
}
else if(this.series.name =="故障频率")
{
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'次/台';
}
else
{
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y + '台';
}
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series:
[
{
name: '数',
data: liftNum
},
{
name: '数',
data: badNum
},
{
name: '故障率',
data: failureRate
},
{
name: '故障次数',
data: failureTime
},
{
name: '故障频率',
data: failure
}
]
})
}
}]
})
}
<body>
<div id="liftFailureReportInfoTb"></div>
</body>
