extjs配合ejschart做图表效果不错

http://www.ejschart.com/

评论

2 楼 fourfire 2009-12-14  

代码：传入一个json的字符串，包含属性x,y,label
var myChartSeries=new Array();
function drawGraph(jsonstr)
{

if(chart==null){
chart = new EJSC.Chart("priceChart",{
show_legend: true,//显示legend提示框
      title: "价格走势",
  building_message:"正在构建...",
  drawing_message:"正在绘制...",
  max_zoom_message:"已是最大尺寸",
  allow_zoom: false,//是否允许Zoom
   auto_find_point_by_x:true,
  
  axis_bottom: {
caption: "时间",crosshair: { show: true } , force_static_points: true
},
axis_left: {
caption: "价格",crosshair: { show: true }
}
  });
}else{
for(var i=0;i<myChartSeries.length;i++){
chart.removeSeries(myChartSeries[i],false);
}
}


var d=Ext.util.JSON.decode(jsonstr);

var i=0;
while(d[i]!=null){

chart.onShowHint= function(point, series, chart, hint, hoverOrSelect) {
      return "[series_title]<br/>[label]: [y]([x])";
    };
myChartSeries[i] =  new EJSC.LineSeries(
            new EJSC.JSONStringDataHandler(
             Ext.util.JSON.encode(d[i].items)
            )
          );
     
        myChartSeries[i].lineWidth =1;
myChartSeries[i].title=d[i]["title"];
chart.addSeries(myChartSeries[i]);
i++;
}

chart.setLegendTitle("工具窗");
}

1 楼 379548695 2009-12-14  

楼主可有这方面的经验？给给例子看看吧。