本帖最后由 BoJie 于 2020-7-25 10:05 编辑
哪位仁兄帮忙备注一下每一行说的啥意思啊?
来源:http://club.yonghongtech.com/forum.php?mod=viewthread&fid=44&tid=7042&highlight=%E5%8A%A8%E6%80%81%E6%B8%B2%E6%9F%93
//通过创建图标来进行表格渲染主要分为三部分:定义图表格式、设定图表数据源、调用getImage函数生成图表
//定义图表格式。创建了一个函数,stack为需要输入函数的参数。
function createBMark(stack){
var mark = new LineBMark(); //Area/Point/Line 这里的Area /Line是指定的图类别,可以选择调整
mark.addDim("month"); //X轴
mark.addMeasure("value"); //Y轴
mark.setOpt(new LineMarkOpt());
mark.setStack(stack);
return mark;
}
//定义轴细节
function getBChart(){
var xscala = new DiscreteScala(new Array("month"));
var aopt=new AxisOpt(); //改度量数据段对应的轴属性,空构造,继承父属性
var axisType = AXIS_BOTTOM_LEFT; //轴的位置是左/下
aopt.setPType(axisType);
var lbopt = new AxisLabelOpt(); //标签赋值给参数lbopt
lbopt.setVisible(false); // 设置隐藏横轴标签
aopt.setLabelOpt(lbopt);
xscala.setOpt(aopt);
var yscala = new ContinuousScala(new Array("value"));
aopt = yscala.getOpt();
aopt.setPType(axisType);
var lbopt2 = new AxisLabelOpt(); //标签赋值给参数lbopt2
lbopt2.setVisible(false); // 设置隐藏纵轴标签
aopt.setLabelOpt(lbopt2);
yscala.setOpt(aopt);
var coord = new RectCoord(xscala, yscala);
var mark = createBMark(false);
var bchart = new BChart(coord, mark);
var copt = bchart.getChartOpt();
var cfmt = copt.getFormat(); //获取文本格式
//cfmt.setBackground(0xECEFF4); //设置背景色,颜色的五种构法之一。参数是一个十进制整型数据
return bchart;
}
var bc = getBChart();
//设定图表数据源
param['Show_index_id'] = cols['show_index_id'];
var data = execute(this, SQL, "渲染图_趋势图");
//调用getImage函数生成图表
getImage(bc,data,cell.width,cell.height);
|