日期:2014-05-16  浏览次数:20471 次

关于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 +'次/台';