Recently See ext things, speak true, quickly people look at crying, packaging too dead, all kinds of inflexible, write heart good tired. Just stick to the code.
Create a panel
var New Ext.panel ({ id:' main-panel ', basecls:' X-plain ', layout:' Hbox ', items:[{ HTML:' <div id= "container" style= "width:90%;height:90%;" ></div> ', function () { drawcharts (); }} ] });
the method in Drawcharts is the common method of hightcharts rendering charts.
functionDrawcharts () {varOptions ={chart: {plotbackgroundcolor:NULL, Plotborderwidth:NULL, Plotshadow:false, Renderto:' Container ', type:' Column '}, Legend: {layout:' Vertical ', align:' Right ', VerticalAlign:' Middle ', BorderWidth:0}, Title: {text:‘‘}, tooltip: {pointformat:{series.name}:<b>{point.percentage:.1f}%</b> '}, labels:{items:[{HTML:‘‘, Style: {left:' 1px ', Top:' 1px ',}}], style:{Co Lor:' Red ', FontSize:45, FontWeight:' Bold ', ZIndex:1000}}, Series: [{name:' Browser share ', data: [[' Firefox ', 45.0], [' IE ', 26.8], {name:' Chrome ', y:12.8, sliced:true, selected:true }, [' Safari ', 8.5], [' Opera ', 6.2], [' Others ', 0.7] ] }] }; NewHighcharts.chart (options);}
The final effect is as follows
ExtJS Fusion Highcharts