关于Highcharts 嵌入 extjs的有关问题
日期：2014-05-16 浏览次数：20433 次
关于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 +'次/台';
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
